JavaScript DOM 事件是网页编程中非常重要的一个部分,它允许我们与用户交互,响应用户的操作。以下是一些关于 JavaScript DOM 事件的基础知识。
事件类型
JavaScript 支持多种类型的事件,以下是一些常见的事件类型:
- 鼠标事件:如点击(click)、双击(dblclick)、鼠标移动(mousemove)等。
- 键盘事件:如按键按下(keydown)、按键弹起(keyup)等。
- 表单事件:如输入(input)、提交(submit)等。
- 窗口事件:如加载完成(load)、关闭(unload)等。
事件处理
在 JavaScript 中,我们可以通过以下方式来处理事件:
// 监听鼠标点击事件
document.getElementById('myButton').addEventListener('click', function() {
alert('按钮被点击!');
});
事件对象
每个事件都有一个事件对象,它包含了与事件相关的信息。以下是一些常用的事件对象属性:
type
:事件的类型。target
:事件的目标元素。currentTarget
:当前正在处理事件的元素。
图片示例
下面是一个鼠标点击事件的图片示例: