JavaScript 事件 - 平台梦

JavaScript 中的事件（Event）是指用户与页面元素交互或文档状态发生变化时所触发的动作。事件可以是用户的行为（比如点击、悬停、输入等），也可以是由浏览器或文档自身触发的（比如加载完成、失去焦点等）。通过在事件发生时执行相应的 JavaScript 代码，可以实现页面的动态交互和响应用户操作。

以下是一些常见的 JavaScript 事件：

1. 鼠标事件:
   - click: 当鼠标点击元素时触发。
   - dblclick: 当鼠标双击元素时触发。
   - mousedown、mouseup: 鼠标按下和松开时触发。
   - mousemove: 鼠标在元素上移动时触发。
   - mouseover、mouseout: 鼠标移入或移出元素时触发。
   - ...

2. 键盘事件:
   - keydown、keyup: 键盘按下和松开时触发。
   - keypress: 键盘按下时触发（不会捕获特殊键和功能键）。
   - ...

3. 表单事件:
   - submit: 当表单提交时触发。
   - input: 当输入框的值发生变化时触发。
   - change: 当表单元素的值发生变化时触发。
   - focus、blur: 元素获得或失去焦点时触发。
   - ...

4. 文档和窗口事件:
   - load: 当文档或图片等资源加载完成时触发。
   - unload: 当页面卸载时触发。
   - resize: 窗口大小变化时触发。
   - scroll: 滚动条滚动时触发。
   - ...

通过在 HTML 元素上添加事件监听器（event listener）或使用 DOM API，在事件发生时执行相应的 JavaScript 代码。例如：

<button id="myButton">Click me</button>

<script>
  // 获取按钮元素
  var button = document.getElementById('myButton');

  // 添加点击事件监听器
  button.addEventListener('click', function() {
    alert('Button clicked!');
  });
</script>

在这个例子中，当按钮被点击时，弹出一个警告框。这是通过使用 addEventListener 方法来注册事件监听器来实现的。

转载请注明出处：http://www.pingtaimeng.com/article/detail/3517/JavaScript