在Javascript HTML5 + Canvas中处理精灵鼠标点击的最佳方法

Question

我以前的项目主要使用ActionScript 3。因此，我已经习惯将MouseEvent.CLICK直接应用于Sprites，以便注册鼠标点击它们。

在JavaScript中执行此操作的最简单方法是什么？我是否必须创建自己的函数，将鼠标点击的坐标与对象的坐标进行比较？

Answer 1

如果我理解了问题，我认为你需要定义element.addEventListener（＆＃34; click＆＃34;，function）方法。 （element = sprite）

您可以在此处找到更多信息：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

如果您需要支持IE9以上的IE，请查看attachEvent（）

编辑：现在我看到了你编辑过的问题.... 你见过这个：javascript canvas detect click on shape