事件的理解

事件
1.事件就是浏览器窗口中发生的一些特定的交互瞬间 ,事件也可以捕获。下图是JavaScript的事件的捕获和冒泡过程：

常用的事件也是有很多的，下面我就不一一说明了，直接给大家上图好了：

JavaScript事件的写法，也有很多种，一般见得最多的写法就是下面三种：
（1）在DOM元素中直接绑定
一般我们都是在事件里面调用一个函数，而不是在事件里面写大量的js代码
<!‐‐双引号，推荐！！！‐‐>
按钮1

<!‐‐ 单引号 ‐‐>
按钮2

（2）在javascript中直接绑定
//获取元素
var btn3=document.getElementById(“btn3”);
//绑定事件
btn3.οnclick=function(){
alert(“在JavaScript代码中绑定”);
}
(3)使用事件监听绑定事件
注：这种方法不常用
添加监听
element.addEventListener(event, function, useCapture)
event : （必需）事件名，支持所有 DOM事件 。
function：（必需）指定要事件触发时执行的函数。
useCapture：（可选）指定事件是否在捕获或冒泡阶段执行。true，捕获。
false，冒泡。默认false，不写默认false。
移除监听（参数必须和添加时一致才可以移除）
element.removeEventListener(event, function, useCapture)
//获取元素
var btn4=document.getElementById(“btn4”);
function btnClick2(){
alert(“使用事件监听绑定事件”);
}
//添加监听
btn4.addEventListener(“click”,btnClick2,false);
//移除监听
btn4.removeEventListener(“click”,btnClick2,false);
了解：事件的捕获和冒泡过程演示代码
只要了解了事件的捕获以及冒泡的过程，那么接下来的也不是很难了，这个学会了，事务也不是很难了，其实光是看是没有用的，你的学会去敲，人的脑子只是暂时记忆，学的东西多了，就会记不住。但是多用的话，就一定会记住。