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 中的事件捕获