js事件
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代码
本文来自博客园,作者:__username,转载请注明原文链接:https://www.cnblogs.com/code3/p/17876324.html

浙公网安备 33010602011771号