html5鼠标事件监听,HTML5 Canvas鼠标与键盘事件

HTML5提供了多种鼠标事件监听和键盘事件监听的方法，如下所示：

1. 鼠标事件监听：

- click：单击事件
- dblclick：双击事件
- mousedown：鼠标按下事件
- mouseup：鼠标抬起事件
- mousemove：鼠标移动事件
- mouseover：鼠标移入事件
- mouseout：鼠标移出事件

可以使用addEventListener方法来为元素添加事件监听器，例如：

var canvas = document.getElementById('myCanvas');
canvas.addEventListener('mousedown', function(e) {
  console.log('鼠标按下');
});

2. 键盘事件监听：

- keydown：键盘按下事件
- keyup：键盘抬起事件
- keypress：键盘按键事件

同样可以使用addEventListener方法为元素添加事件监听器，例如：

var canvas = document.getElementById('myCanvas');
canvas.addEventListener('keydown', function(e) {
  console.log('键盘按下');
});

需要注意的是，如果某个元素无法获得焦点，那么键盘事件是无法被监听的。因此，在监听键盘事件之前，需要确保元素可以获得焦点。