跟踪两次点击，然后生成图像

是否有可能跟踪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

跟踪两次点击，然后生成图像

回答

相关问题