DOM元素事件的绑定、冒泡、委托

一、js的绑定方式
1、js在行内绑定事件。
2、在脚本区域直接动态绑定事件：
先获取对象元素，再给对象元素动态指定事件。

btn[i].onclick=function(){
alert();
btn[i].onclick=null;//取消绑定；
}

当脚本区域在head部分时，利用window.onload使得先初始化，再获取元素；
window.onload窗口加载完成事件
3、第三种绑定方式：js添加事件的监听（事件的委托）：
.addEventListener("事件"，事件的回调函数)；//事件不带on;回调函数没有小括号
.removeEventListener("事件"，事件的回调函数)；//移除事件的监听
当移除事件监听时，必须要使用外部函数

二、js函数的预编译（提前编译）

输出结果为

若是匿名函数


无法实现提前编译。
三、事件的冒泡以及阻止方式
事件冒泡：事件的触发顺序自内向外，这就是事件冒泡
事件捕获：事件触发顺序变更为自外向内，这就是事件捕获
阻止事件的冒泡：event.stopPropagation();
事件的冒泡只针对onmouseup；onmousedown；onclick；事件管用

四、阻止事件的默认行为
return:false;event.preventDefault();俩个方法
例如：阻止鼠标右击的事件

五、事件的委托
本来应该加在自己的身上，自己完成，却委托给别人，让别人完成，也就是利用事件冒泡原理，把元素加到父级上，触发执行效果。

五、事件里面的参数问题
事件里面的参数event(可简写为e)；
1、返回坐标值

2、键盘事件按键的字符串

3、键盘事件按键的ASCII码值