我是 Javascript 的新手,我在 Dreamweaver 编辑器中使用 HTML5 Canvas 。我看过其他关于鼠标事件的帖子,但似乎没有一个能解决我的问题。
我正在创建一个名为“仅点击 Jade 米泡泡”的游戏,其中元素掉落,玩家移动鼠标点击 Jade 米泡泡,但如果他们点击其他任何东西,游戏就结束了。
到目前为止我用过:
window.addEventListener("keydown",eventKeyDown,false);
window.addEventListener("keyup",eventKeyUp,false);
window.addEventListener("mousedown",onDown,false);
window.addEventListener("mouseup",onUp,false);
window.addEventListener("mousemove",onMove,false);
我如何调用它们才能使它们为真?另外,如何使它们可点击,以便我能够在图像落下时单击它们?
最佳答案
也许这会有帮助。
document.addEventListener('click',mouseClick,false);
function mouseClick(e)
{
mouseX = e.pageX - canvas.offsetLeft;
mouseY = e.pageY - canvas.offsetTop;
//Now mouseX and mouseY contains the x and y location of mouse click event but w.r.t. your canvas location .
}
关于javascript - 在html5中创建点击图片的鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12847010/