跟蹤兩次點擊，然後生成圖像

是否有可能跟蹤2次點擊，然後根據這些信息生成圖像？跟蹤兩次點擊，然後生成圖像

例如;我這裏有如何根據該

var images = document.querySelectorAll('.img'); 

for (var i = images.length; i--;) images[i].addEventListener('click', change); 

function change() { 
    switch (this.value) { 
    case "colour1": 
     image = '<img src="http://smallbeerpress.com/wp-content/uploads/itunes.png"></img>'; 
     break; 
    case "colour2": 
     image = '<img src="http://fc01.deviantart.net/fs29/f/2009/238/d/8/Small_50x50__png_clock_pic_by_counter_countdown_ip.png"></img>'; 
     break; 
    case "colour3": 
     image = '<img src="http://a.deviantart.net/avatars/r/a/rachelsrandomart.gif?12"></img>'; 
     break; 

    default: 
     image = '<img src="#!"></img>'; 
    } 

    document.getElementById("output-image").innerHTML = image; 
}

選擇一個圖像，並提供圖片但有可能產生圖像前檢查2次點擊？一次點擊將用於櫥櫃例如白色櫥櫃，然後是另一個檯面，例如黑色檯面，然後拿着這個和白色櫥櫃和黑色檯面圖像？

來源

2016-11-09 Stuart Pontins

是其可能 – madalinivascu

感謝，你將有一個鏈接到任何文件，我可以看看，以瞭解如何去解決它？ –

在google上搜索「如何在javascript中使用變量」 – madalinivascu

你需要做的是存儲點擊的結果，然後只有當兩次點擊完成後才轉到圖片。

的要點是：

創建兩個變量來存儲選擇
分配不同類別的圖像，它們與進入A和B段
修改click事件要注意適當的選擇
並在點擊事件中推測性地檢查其他選擇是否已經制作了

我們只有繼續圖像邏輯開關，當我們有兩個選擇A和一些價值B.

// add variables to store selections 
var selectionA = "" 
var selectionB = "" 

// change classes on the images to separate them 
var imagesA = document.querySelectorAll('.imgTypeA'); 
var imagesB = document.querySelectorAll('.imgTypeB'); 

for (var i = imagesA.length; i--;) imagesA[i].addEventListener('click', changeA); 
for (var i = imagesB.length; i--;) imagesB[i].addEventListener('click', changeB); 

function changeA() { 
    selectionA = (this.value) 
    checkBoth() 
} 

function changeB() { 
    selectionB = (this.value) 
    checkBoth() 
} 

function checkBoth() { 

    if (selectionA.length > 0 && selectionB.length > 0) { 
    ... 
    //logic for image selection using SelectionA & B values. 
    ... 
    } 
}

來源

2016-11-09 09:58:35

跟蹤兩次點擊，然後生成圖像

回答

相關問題