美文网首页
如何阻止事件冒泡和默认事件?

如何阻止事件冒泡和默认事件?

作者: 智多牛 | 来源:发表于2016-12-20 15:37 被阅读0次
        /**
         * body
         */
        document.body.addEventListener('click',function(e)
        {
            console.log('body')
        })
        
        
        /**
         * 矩形块
         */
        document.getElementById('rect').addEventListener('click',function(e)
        {
            console.log('rect')
            
            /**
             * 阻止冒泡
             */
            e.stopPropagation();
            
            /**
             * 阻止浏览器执行默认事件
             */
            e.preventDefault()
        })

    相关文章

      网友评论

          本文标题:如何阻止事件冒泡和默认事件?

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