码迷,mamicode.com
首页 > 其他好文 > 详细

DOM事件

时间:2018-03-03 23:33:02      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:blog   通过   document   需要   window   stop   事件   pat   dev   

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事件

标签:blog   通过   document   需要   window   stop   事件   pat   dev   

原文地址:https://www.cnblogs.com/xiaoli52qd/p/8503000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!