一、阻止事件冒泡
在默认情况下，触发子元素的事件时，会同时触发父元素相同的事件，这称为事件冒泡 e.stopPropagation（）阻止事件冒泡
二、页面的加载事件
1、window.onload页面加载事件 页面的加载事件，该事件会在页面中的所有内容都加载完毕后执行 （所有内容包含：标签结构，样式文件，图片文件，音频文件，视频文件等），如果内容过大，事件会延迟。
2、DOMContentLoaded页面加载事件 只要页面中的DOM结构加载完毕后，就会立即执行。 window.addEventListener('DOMContentLoaded',function(){alert('页面结构加载完毕！')}
三、补充：添加事件的几种方式
1、在元素中通过onXXX定义事件，指定一个事件方法 比如：<input type="text" placeholder='请输入产地' id="place" onclick='fun1( )'>
2、先获取元素，再给元素绑定事件 比如 ：document.querySelector('div').onclick = function() { }
3、通过addEventListener和removeEventListener给元素注册事件和移除事件。（这里需要传两个参数，事件名和事件方法） 比如：document.querySelector('div').onclick=function（） {box.addEventListener("click",fun2)}（此时的fun2在外面，也可以直接放里面） function fun2(){ console.log('执行方法2'); } （这里是点击这个div的时候，再给这个box注册事件）
