JavaScript事件对象学习笔记

JavaScript事件对象学习笔记

一、事件对象的概念

在JavaScript中，事件对象是指当事件被触发时所创建的一个对象，它包含着有关该事件的所有信息，比如事件的类型、事件被触发的元素、鼠标的坐标位置等等。

二、事件对象的属性

事件对象的属性非常丰富，以下是一些常见的事件对象属性：

• type：事件类型；
• target：事件的目标元素；
• clientX 和 clientY：鼠标相对于浏览器窗口的坐标；
• pageX 和 pageY：鼠标相对于页面的坐标；
• keyCode：按下的键的键码值。

三、事件对象的方法

事件对象还提供了一些有用的方法，比如：

• preventDefault()：取消事件的默认行为；
• stopPropagation()：停止事件冒泡；
• stopImmediatePropagation()：停止事件捕获和冒泡。

四、常用的事件类型

常见的事件类型包括鼠标事件、键盘事件、表单事件等等，以下是一些常用的事件类型：

• click：点击事件；
• mouseover：鼠标移动到一个元素上时触发；
• keydown：键盘按键被按下时触发；
• submit：表单提交事件。