美文网首页javaScript
JavaScript -- Dom向上递归篇

JavaScript -- Dom向上递归篇

作者: 反者道之动001 | 来源:发表于2017-07-17 13:35 被阅读15次

我用这个技术最多的地方就是在事件委托里面了,用来获取点击的真实节点

最早我是用递归

var tar = void 0
;(function qipao(box){
    if(box.tagName == 'INPUT'){
        tar = box
    } else{
        if(!box||box.tagName == 'BODY')return false
        qipao(box.parentNode);
    }
})(event)

后来,这样

var tar = void 0
// get Element
event.path.forEach(function(e){
    if(e===document||e==window)return false
    if(e.tagName !== 'INPUT')return false
    tar = e
})

貌似比刚才好,OK

<br />


--END--

相关文章

  • JavaScript -- Dom向上递归篇

    我用这个技术最多的地方就是在事件委托里面了,用来获取点击的真实节点 最早我是用递归 后来,这样 貌似比刚才好,OK...

  • 前端面试题总结(算法)

    javascript递归遍历所有DOM文档节点 javascript递归遍历所有DOM文档节点 HTTP 方法:G...

  • JavaScript DOM篇

    通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每...

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • JavaScript入门学习书籍到阶段书籍

    入门:《深入浅出JavaScript》《JavaScript DOM编程艺术》 《JavaScript DOM高级...

  • H5工程师成长之路

    基础篇 HTML/CSS、JavaScript、DOM 中级篇 数据格式(如JSON、XML)、RESTful A...

  • JavaScript

    在JavaScript入门篇中,我们学习了如何插入JS、输出内容及简单的DOM操作,JavaScript进阶篇让您...

  • JavaScript HTML DOM

    JavaScript HTML DOM 通过 HTML DOM,可访问 JavaScript HTML 文档的所有...

  • 专辑篇:JS HTML DOM

    JavaScript HTML DOM 通过HTML DOM,可以访问JavaScript HTML文档的所有元素...

  • DOM 增删改查举例

    一 什么是DOM DOM是HTML与JavaScript相互作用的接口,DOM不属于JavaScript,它是浏览...

网友评论

    本文标题:JavaScript -- Dom向上递归篇

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