第十章 事件对象

10.1 事件对象

在触发DOM上的某个事件时,就会产生一个事件对象Event。

事件对象(Event)包含了事件的状态,比如:事件在其中发生的元素、键盘按键状态、鼠标的位置、鼠标按钮的状态等

事件在浏览器中是以对象的形式存在的。在事件处理函数执行时,事件对象将会由浏览器自动传递给事件处理函数

在事件处理函数中,声明形参接收该参数。

例:

window.onload = function ( e ) {

console.log( e );

}

10.2 鼠标 / 键盘属性

button:返回当事件被触发时,哪个鼠标按钮被点击。

clientX:返回当事件被触发时,鼠标指针相对于浏览器的水平坐标。

clientY:鼠标指针的垂直坐标。

screenX:返回当某个事件被触发时,鼠标指针相对于屏幕的水平坐标。

screenY:鼠标指针的垂直坐标。

keyCode:被敲击的键的虚拟键盘码

10.3 事件方法

preventDefault( )  取消事件的默认动作

事件冒泡和捕获

JavaScript 中的事件冒泡

事件按照从目标元素到根元素(document 对象)的顺序触发。

即事件发生的顺序为:button — div — body — html — document

使用 stopPropagation() 方法阻止事件冒泡

例:event.stopPropagation();

JavaScript 中的事件捕获

猜你喜欢

转载自blog.csdn.net/weixin_42202174/article/details/89359009