您好,欢迎访问一九零五行业门户网

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中对事件的理解的详细内容。
其它类似信息

推荐信息