js中对事件的理解

事件（event）

1.什么是JavaScript事件？

　　事件是文档或浏览器中发生的特定交互瞬间。

2.事件流

　　事件流描述的是从页面中接受事件的顺序，包含IE提出的事件冒泡流与Netscape提出的事件捕获流。浏览器默认的是事件冒泡流。

两种思想：

　　IE的事件流叫做事件冒泡，即事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点。

　　 Netscape团队提出的另一种事件流叫做事件捕获。事件捕获的思想是不太具体的DOM节点应该更早接收到事件，而最具体的节点应该最后接收到事件。

3.事件处理程序

　　为事件指定处理程序的方式有好几种。 HTML事件处理程序。 即我们直接在HTML代码中添加事件处理程序，

　　eg：<input id="btn1" value="按钮" type="button" onclick="showmsg();"> 　　

　　　　<script>

　　　　 　　 function showmsg(){

　　　　　　　　　 alert("HTML添加事件处理");

　　　　 　　 } 　　

　　　　</script>

　　从上面的代码中我们可以看出，事件处理是直接嵌套在元素里头的，这样有一个毛病：就是html代码和js的耦合性太强，如果哪一天我想要改变js中showmsg，那么我不但要再js中修改，我还需要到html中修改。

　　(1)DOM0级事件处理程序
　　　　即为指定对象添加事件处理， 如：
　　　　<input id="btn2" value="按钮" type="button">
　　　　<script>
　　　　　　var btn2= document.getElementById("btn2");
　　　　　　 btn2.onclick=function(){
　　　　　　　　　alert("DOM0级添加事件处理");
　　　　　　}
　　　　　 btn.onclick=null;//如果想要删除btn2的点击事件，将其置为null即可
　　</script>

　　(2)DOM2级事件处理程序 DOM2级事件定义了两个方法，用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。所有DOM节点中都包含这两个方法，并且它们都接受3个参数：要处理的 事件名，做为事件处理程序的函数和一个布尔值。最后这个参数如果是true,表示在捕获阶段调用事件处理程序；如果是fasle,表示在冒泡阶段调用事件处理程序。

以上就是js中对事件的理解的详细内容，更多请关注其它相关文章！