事件其他

1. 阻止事件冒泡

默认情况下，触发子元素的事件时，会同时触发父元素相同的事件，这就叫做事件冒泡

e.stopPropagation() 阻止事件冒泡

e.preventDefault() 取消默认行为

2. 添加事件的几种方式

在元素中通过onXXX定义事件，指定一个事件方法

先获取元素，再给元素绑定事件

通过addEventListener方法，给元素注册事件，传递两个参数：事件名和事件方法

通过removeEventListener方法，移除指定的事件方法，传递两个参数：事件名和事件方法

3. 页面的加载事件

window.onload页面加载事件

页面的加载事件，该事件会在页面中的所有内容都加载完毕后执行

注意：所有内容包括：标签结构，样式文件，图片文件，音频文件，视频文件...

如果网页内容过大，会导致该事件延迟执行

window.onload=function(){alert('页面加载完成！')}

DOMContentLoaded页面加载事件

只要页面中的DOM结构加载完毕后，就会立即执行

注意：该事件只能采用事件监听的方式添加，没有提供快捷方式

window.addEventListener('DOMContentLoaded',function(){alert('页面结构加载完毕！')})