javascript event

前端之家收集整理的这篇文章主要介绍了javascript event前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

事件的概念

事件:指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码

一、事件流

  1. 事件流:描述的是在页面中接受事件的顺序
  2. 事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)
  3. 事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件
  4. 先捕获后冒泡假如我们点击一个div,实际上是先点击document,然后点击事件传递到div,而且并不会在这个div就停下,div有子元素就还会向下传递,最后又会冒泡传递回document
  5. 兼容触发DOM上的某个事件时,会产生一个事件对象event 只有在事件处理程序执行期间,event对象才会存在,一旦事件处理程序执行完毕,event对象就会被销毁

二、事件处理

HTML事件处理:直接添加到HTML结构中

DOM0级事件处理:把一个函数赋值给一个事件处理程序属性,以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理

 //DOM0的事件,对于同一个dom节点而言,只能注册一个,后边注册的 同种事件 会覆盖之前注册的
 var btn5 = document.getElementById('btn5');
 btn5.onclick=function(){
    console.log(this.id);//btn5   
 };

DOM2级事件处理:

addEventListener("事件名","事件处理函数",布尔值)
false时表示在事件冒泡阶段调用事件处理程序,一般建议在冒泡阶段使用,特殊情况才在捕获阶段;
true:事件捕获
false:事件冒泡
removeEventListener();

猜你在找的JavaScript相关文章