Javascript:如何使变量内的图像可点击？

Question

我想知道如何在 Javascript 中将变量设置为可点击的 new Image() 。我的屏幕周围有一个 HTML5 Canvas 。

有用的代码在这里:

var btndone = new Image();
btndone.src = 'img/BtnDone.jpg';

btndone.onload = function(){
 LoadStartMenu()
}

function LoadStartMenu(){
 //Display BtnDone.jpg and make it clickable
}

我不使用 HTML 并以这种方式给它一个 ID 的原因是因为我找不到 `context.drawImage(imagevariable,0,0);' (这给图像一个位置)在 HTML 中，也是因为据我所知图像将显示在屏幕上。

Answer 1

只需附加 .onclick 函数即可:

btndone.onclick = function() {
    console.log("You clicked the pic!");
}