我正在尝试制作一个响应键盘和鼠标输入的 Canvas 应用程序。我有这段代码:
canvas = document.getElementById('canvas');
canvas.addEventListener('mousedown', function(event) {
alert('mousedown');
}, false);
canvas.addEventListener('keydown', function(event) {
alert('keydown');
}, false);
每当我单击鼠标时都会出现“鼠标按下”警报，但“按键按下”警报永远不会出现。相同的代码在 JS Bin 上运行良好:http://jsbin.com/uteha3/66/
为什么它在我的页面上不起作用？ Canvas 不识别键盘输入吗？
最佳答案
将 canvas 元素的 tabindex 设置为 1 或类似的东西
<canvas tabindex='1'></canvas>
让任何元素都可聚焦是一个老把戏
关于javascript - 为 Canvas 上的按键添加事件监听器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12886286/