如何從Javascript中單擊的彈出圖像獲取輸出？

我有一個圖像陣列，他們隨機出現在屏幕上，用戶需要點擊適用於他們的圖像。現在我需要的是如何監控他們點擊的圖片，以便開發者知道哪些圖片適用於他們？我還可以製作類似於他們在屏幕底部點擊的圖像列表。如何從Javascript中單擊的彈出圖像獲取輸出？

有人會告訴我如何繼續這樣做的方向，因爲我不知道從哪裏開始。謝謝

我這是怎麼產生的隨機圖像

var imageArray = new Array(); 
imageArray[0] = new Image(); 
imageArray[0].src = "football.png"; 
imageArray[1] = new Image(); 
imageArray[1].src = "painting.png"; 
var randomImage = imageArray[Math.floor(Math.random() * imageArray.length)]; 
var hobby = new Bitmap(randomImage);

來源

2015-08-03 hTeeML

告訴我們如何你正在生成一個隨機數來獲取圖像並顯示它 –

向我們展示你到目前爲止的代碼？ – samayres1992

你可以使用jQuery還是更喜歡純JS？ – Ayrit

我會做的就是給每一個ID，我可能會給予他們的數字圖像。

然後將其添加到您的腳本中的每個圖像。

document.getElementById(insert image id here).onclick = function() { 
    //Enter what happens when the user clicks the image here. 
};

你也可以做到這一點使用jQuery像這樣：

$("#insert image ID").click(function(){ 
    //Enter what happens when the user clicks the image here. 
});

有可能是一個更好的方式來做到這一點，但我真的不能想象它現在:)

來源

2015-08-03 10:43:27 Benjadahl

如何從Javascript中單擊的彈出圖像獲取輸出？

回答

相關問題