如何在Javascript中实现事件监听？有哪些事件类型？

在 JavaScript 中实现事件监听主要有两种方式:

1. 元素事件属性:将函数赋值给元素的事件属性。

element.onclick = function() {
  // 处理点击事件
}

2. addEventListener():使用事件类型和回调函数绑定事件。

element.addEventListener('click', function() {
  // 处理点击事件 
})

addEventListener() 方法的优点是可以添加多个监听器,并且使用捕获或冒泡传播模式。

常见的事件类型有:

1. 点击事件:

• click:鼠标点击左键触发。
• dblclick:鼠标双击左键触发。
• contextmenu:鼠标右键点击触发。

2. 焦点事件:

• focus:元素获得焦点触发。
• blur:元素失去焦点触发。

3. 鼠标事件:

• mouseenter:鼠标移入元素触发。
• mouseleave:鼠标移出元素触发。
• mousemove:鼠标在元素内部移动触发。
• mousedown:鼠标按钮被按下触发。
• mouseup:鼠标按钮被释放触发。

4. 键盘事件:

• keydown:某个键盘按键被按下触发。
• keyup:某个键盘按键被释放触发。
• input:输入框内容改变触发。

5. 其他事件:

• submit:表单提交触发。
• resize:浏览器窗口大小变化触发。
• scroll:浏览器滚动条位置变化触发。

所以,总结来说 JavaScript 事件监听主要有两种方式:

1. 元素事件属性:element.onclick
2. addEventListener():element.addEventListener()

常见的事件类型有:

1. 点击事件:click dblclick contextmenu
2. 焦点事件:focus blur
3. 鼠标事件:mouseenter mouseleave mousemove mousedown mouseup
4. 键盘事件:keydown keyup input
5. 其他事件:submit resize scroll