zoukankan      html  css  js  c++  java
  • JS如何防止事件冒泡

    <div style="height:30px;line-height:30px;background:#FF0;text-align:center;" id="zz"><a href="http://www.baidu.com">阻止事件冒泡</a></div>
        <script type="text/javascript">
            var $ = function(id){
                    return document.getElementById(id);
                }
                
            $('zz').onclick = function(e){
                    $('zz').innerHTML += ",事件已经点击了!";
                    var e = e||window.event;
                        if (e.stopPropagation)
                        {
                            
                            e.stopPropagation();    // 阻止冒泡
                            e.preventDefault();        // 阻止默认事件
                        }
                        else
                        {
                            e.cancelBubble =true;    // 阻止冒泡
                            e.returnValue = false;    // 阻止默认事件
                        }
                        
                }
            document.documentElement.onclick = function(e){
                    $('zz').innerHTML += ",冒泡没阻止成功!";
                }
        </script>
    e.preventDefault();  
    这句话怎么理解。组织默认事件是什么意思。html元素中有很多元素是具备默认事件的,a标签会跳转,submit会自动提交,reset会重置表单。
    e.preventDefault()会阻止这些默认操作。

    重要提醒,阻止叶子节点的冒泡意思最大,或者说儿子节点的阻止冒泡比阻止长辈节点的意义更加重大。
  • 相关阅读:
    第5-7次OO作业总结分析
    面向对象课程作业1-3总结分析
    OO第四次作业总结
    OO第三次作业总结
    OO第二次作业总结
    OO第一次作业总结
    BUAA 编译源码阅读_pascal
    OO第四阶段总结
    OO第三阶段总结
    OO第二阶段总结
  • 原文地址:https://www.cnblogs.com/sexintercourse/p/5793265.html
Copyright © 2011-2022 走看看