js事件

发布时间 2023-12-04 23:55:26作者: __username

JavaScript支持多种事件,事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件:

  1. 鼠标事件(Mouse Events):
    • click - 鼠标单击
    • dblclick - 鼠标双击
    • mousedown - 按下鼠标按钮
    • mouseup - 松开鼠标按钮
    • mousemove - 移动鼠标
    • mouseover - 鼠标移入
    • mouseout - 鼠标移出
  2. 键盘事件(Keyboard Events):
    • keydown - 键盘按下
    • keyup - 键盘释放
    • keypress - 键盘按下并释放
  3. 表单事件(Form Events):
    • submit - 提交表单
    • reset - 重置表单
    • change - 表单元素值改变
    • focus - 元素获得焦点
    • blur - 元素失去焦点
  4. 文档/窗口事件(Document/Window Events):
    • load - 文档或资源加载完成
    • unload - 文档卸载
    • resize - 窗口大小改变
    • scroll - 滚动
  5. 移动设备事件(Touch Events):
    • touchstart - 触摸开始
    • touchmove - 触摸移动
    • touchend - 触摸结束
  6. 事件委托(Event Delegation):
    • 通过将事件处理程序添加到父元素,从而利用事件冒泡机制,减少事件处理程序的数量。
  7. 自定义事件(Custom Events):
    • 使用 CustomEvent 构造函数可以创建和触发自定义事件。

这只是一些常见的事件类型,JavaScript支持更多事件。可以使用 addEventListener 方法来为元素添加事件监听器。例如:

let element = document.getElementById('myElement');

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

通过监听这些事件,你可以在相应的时机执行特定的JavaScript代码