首页 > 其他 > 详细

DOM事件

时间:2018-03-03 23:00:54      阅读:231      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!