addEventListener 监听的各种事件

1. click - 当鼠标点击元素时触发
2. mouseover - 当鼠标移动到元素上方时触发
3. mouseout - 当鼠标移出元素时触发
4. keydown - 当用户按下键盘上的任意键时触发
5. keyup - 当用户释放键盘上的任意键时触发
6. load - 当页面或图像加载完成时触发
7. submit - 当用户提交表单时触发
8. change - 当用户修改表单元素时触发
9. resize - 当窗口大小改变时触发
10. scroll - 当用户滚动页面时触发
11. focus - 当元素获得焦点时触发
12. blur - 当元素失去焦点时触发
13. contextmenu - 当用户右键点击元素时触发
14. touchstart - 当用户触摸屏幕时触发
15. touchmove - 当用户在屏幕上拖动手指时触发
16. touchend - 当用户抬起手指时触发

相关问题

addEventListener监听点击事件

addEventListener() 方法是用于向指定元素添加监听事件的方法，可以用来监听鼠标点击事件、键盘按下事件、页面加载事件等等。在监听鼠标点击事件时，可以将一个鼠标点击事件处理函数绑定到 HTML 页面中的一个按钮上，当用户点击按钮时，该函数将被调用，可以在该函数中使用 alert() 方法弹出提示框。使用 addEventListener() 方法可以实现多个事件监听器的添加，而不会覆盖之前相同事件，配合 removeEventListener() 方法来移除事件。以下是一个监听按钮点击事件的示例代码：

// 获取按钮元素
const button = document.getElementById('myButton');
// 绑定点击事件处理函数
button.addEventListener('click', function() {
  // 在点击时弹出提示框
  alert('您点击了按钮！');
});

addEventListener监听事件

addEventListener是JavaScript中用于添加事件监听器的方法。它允许开发者在DOM元素上注册特定的事件处理函数，当事件发生时，该函数将被自动调用。addEventListener接受三个参数：要监听的事件类型、要触发的函数以及是否在捕获或冒泡阶段调用该函数。例如，以下代码会在按钮元素上添加一个click事件监听器：

const btn = document.querySelector('#myButton');
btn.addEventListener('click', function(event) {
  console.log('按钮被点击了！');
});

当用户单击该按钮时，该事件监听器将被触发，并将日志消息“按钮被点击了！”输出到控制台。