美文网首页
dom事件代理

dom事件代理

作者: bigtom | 来源:发表于2016-08-22 09:52 被阅读46次

实现一个js事件代理的模块,帮助用户快速实现事件代理。

function Proxy(agent, judgeFn, cb){
      agent['onclick'] = function(evt){
        var node = evt.target
        function helper(node){
          if(node === agent){
            return
          }
          if(judgeFn(node)){
            cb(node)
            evt.stopPropagation()
          }
          helper(node.parentNode)
        }
        helper(node)
      }
    }

Proxy(ul, function(node){
      return node.tagName === "LI"
    }, function(node){
      console.log(node.id)
    })

相关文章

  • 网易微专业-DOM编程艺术 05 事件

    1、DOM事件⑴主要内容▪事件流▪事件注册▪事件对象▪事件分类▪事件代理 ⑵什么是DOM事件▪点击一个DOM元素▪...

  • 深入理解DOM事件机制

    前言 本文主要介绍: DOM事件级别 DOM事件流 DOM事件模型 事件代理 Event对象常见的方法和属性 一、...

  • 事件总结

    DOM事件主要内容 事件流 事件注册 事件对象 事件分类 事件代理 什么是DOM事件? 事件是某个行为或者触发,比...

  • dom事件代理

    实现一个js事件代理的模块,帮助用户快速实现事件代理。

  • zj9 事件

    事件模型、事件冒泡、事件捕获、事件代理、阻止默认事件、事件兼容等 题目1: DOM0 事件和DOM2级在事件监听使...

  • DOM事件机制

    前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和...

  • DOM事件机制

    前言 转载文,本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有...

  • DOM事件机制

    前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用,希望对你们有些帮助和...

  • 前端基础(问答17)

    keywords: DOM、事件代理。 问答 dom对象的innerText和innerHTML有什么区别? in...

  • 给动态添加的dom绑定事件,没有触发的原因

    1.事件没有绑定成功 解决方法:可以在生成dom之后再去绑定事件 2.事件委托/事件代理

网友评论

      本文标题:dom事件代理

      本文链接:https://www.haomeiwen.com/subject/phwwsttx.html