DOM事件

Posted 未知小未来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM事件相关的知识,希望对你有一定的参考价值。

1、描述DOM事件捕获的具体流程:

  window——document——html——body——。。。——目标元素

2、event对象的常见应用

  event.preventDefault()  阻止默认事件,如阻止a标签跳转

  event.stopPropagation()  阻止冒泡

  event.stopImmediatePropagation()  

  event.currentTarget 和 event.target

  例如一个for循环,给一个DOM注册了N多个事件,问怎么可以优化?就可以通过事件代理,把子元素的事件代理都转移到父元素上,绑定一次事件就可以,当做响应时,然而在响应时,就要区分当前是哪个元素被点击,这时候就需要用event.target。target就表示当前被点击的元素。currentTarget指当前被绑定的事件,即被绑定事件的父级元素。

3、自定义事件

  var eve=new Event(‘custome‘)

  ev.addEventListener("custome",function{

    console.log("custome")

  })

  ev.dispatchEvent(eve)

以上是关于DOM事件的主要内容,如果未能解决你的问题,请参考以下文章

DOM事件机制

DOM事件

DOM 事件深入浅出

DOM事件

DOM事件类

整理之DOM事件阶段冒泡与捕获事件委托ie事件和dom模型事件鼠标事件