zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    Freemarker-2.3.22 Demo
    Freemarker-2.3.22 Demo
    Freemarker-2.3.22 Demo
    Freemarker-2.3.22 Demo
    Oracle PLSQL Demo
    Oracle PLSQL Demo
    Oracle PLSQL Demo
    Oracle PLSQL Demo
    Oracle PLSQL Demo
    Oracle PLSQL Demo
  • 原文地址:https://www.cnblogs.com/xiaoli52qd/p/8503000.html
Copyright © 2011-2022 走看看