JavaScript支持多种事件,事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件:
- 鼠标事件(Mouse Events):
click
- 鼠标单击dblclick
- 鼠标双击mousedown
- 按下鼠标按钮mouseup
- 松开鼠标按钮mousemove
- 移动鼠标mouseover
- 鼠标移入mouseout
- 鼠标移出
- 键盘事件(Keyboard Events):
keydown
- 键盘按下keyup
- 键盘释放keypress
- 键盘按下并释放
- 表单事件(Form Events):
submit
- 提交表单reset
- 重置表单change
- 表单元素值改变focus
- 元素获得焦点blur
- 元素失去焦点
- 文档/窗口事件(Document/Window Events):
load
- 文档或资源加载完成unload
- 文档卸载resize
- 窗口大小改变scroll
- 滚动
- 移动设备事件(Touch Events):
touchstart
- 触摸开始touchmove
- 触摸移动touchend
- 触摸结束
- 事件委托(Event Delegation):
- 通过将事件处理程序添加到父元素,从而利用事件冒泡机制,减少事件处理程序的数量。
- 自定义事件(Custom Events):
- 使用
CustomEvent
构造函数可以创建和触发自定义事件。
- 使用
这只是一些常见的事件类型,JavaScript支持更多事件。可以使用 addEventListener
方法来为元素添加事件监听器。例如:
let element = document.getElementById('myElement');
element.addEventListener('click', function() {
// 处理点击事件的代码
});
通过监听这些事件,你可以在相应的时机执行特定的JavaScript代码
标签:鼠标,JavaScript,表单,文档,事件,js,Events From: https://www.cnblogs.com/code3/p/17876324.html