javascript - 在html5中创建点击图片的鼠标事件

标签 javascript html5-canvas dom-events

我是 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/

相关文章:

javascript - 何时以及如何使用 JQuery 函数? - 简单的

javascript - 为什么我的函数没有获取 prop 值?

javascript - 流畅的 KineticJS 动画,控制速度

html - Canvas contenteditable 不工作

javascript - 如何识别html页面中的所有元素都已经渲染完毕?

javascript - addEventListener 和 angularjs promise : wrap it up

javascript - 查找同一类但具有不同父项的元素的索引

javascript - 签名有效负载时出错(JWT、jsrsasign)

javascript - 使用 HTML5 Canvas 绘图

javascript - 具有不同触发元素和监听器元素的自定义事件