Javascript 我能';我的HTML5游戏中没有鼠标输入

Javascript 我能';我的HTML5游戏中没有鼠标输入,javascript,html,canvas,mouse,Javascript,Html,Canvas,Mouse,我试图在我的游戏中获得鼠标输入;任何帮助都将不胜感激 我在init()函数中调用事件监听器,我有mouseMoved()和mouseClicked()函数。但我一直没有得到任何回应 (我被要求为这个项目制作一个JSFIDLE,确实如此。出于某种原因,它不会渲染图像。但是一旦有输入,左上角应该会有文本显示鼠标坐标。另外,当你点击画布时,你应该会得到一个警报。) 所以有一些事情发生了,首先小提琴的负荷设置不正确,一旦我把它改为无包裹在身体里,一切正常 您遇到的实际问题是由于背景画布位于实体画布下,因

我试图在我的游戏中获得鼠标输入;任何帮助都将不胜感激

我在init()函数中调用事件监听器,我有mouseMoved()和mouseClicked()函数。但我一直没有得到任何回应

(我被要求为这个项目制作一个JSFIDLE,确实如此。出于某种原因,它不会渲染图像。但是一旦有输入,左上角应该会有文本显示鼠标坐标。另外,当你点击画布时,你应该会得到一个警报。)


所以有一些事情发生了,首先小提琴的负荷设置不正确,一旦我把它改为无包裹在身体里,一切正常

您遇到的实际问题是由于背景画布位于实体画布下,因此无法获取任何鼠标事件

一种解决方案是在实体画布上使用并将其设置为none,如so
pointer events:none

#entities {
    margin: -500px auto;
    pointer-events: none;
}
如果您需要更广泛的浏览器支持,另一个选项是让
实体
画布捕捉鼠标事件


你能提供一个帮助吗,这样会更容易帮助。@Ankit我刚刚添加了一个JSFIDLE.)非常感谢,伙计!我从未使用过JSFIDLE,对此我很抱歉。你真的帮了我大忙,伙计!
#entities {
    margin: -500px auto;
    pointer-events: none;
}