事件是什么
# 问题: 事件是什么
事件是用户操作网页时发生的交互动作,比如 click/move, 事件除了用户触发的动作外,还可以是文档加载,窗口滚动和大小调整。事件被封装成一个 event 对象,包含了该事件发生时的所有相关信息( event 的属性)以及可以对事件进行的操作( event 的方法)。
以下是一些常见的 JavaScript 事件:
- click:当用户点击某个元素时触发。
- mouseover:当鼠标移动到一个元素上时触发。
- keydown:当用户按下键盘上的任意键时触发。
- load:当网页或图像完成加载时触发。
- submit:当用户提交表单时触发。
- scroll:当用户滚动页面时触发。
- focus:当元素获得焦点时触发(例如输入框)。
- blur:当元素失去焦点时触发。
- resize:当窗口大小发生改变时触发。
您可以使用addEventListener()方法将事件监听器添加到 HTML 元素上,示例代码如下:
document.getElementById("myButton").addEventListener("click", function() {
// 点击按钮时执行的代码
});
document.getElementById("myForm").addEventListener("submit", function(event) {
// 提交表单时执行的代码
event.preventDefault(); // 阻止表单的默认提交行为
});
通过监听这些事件,您可以在特定的交互行为发生时执行自定义的 JavaScript 代码,从而实现丰富的用户体验和交互效果。