当页面东西很多的时候,还要向上加东西的时候,经常会遇到事件之间冲突,取消冒泡是很用的

解决方案 »

  1.   

    可以举个例子吗,事件怎么样才算是冲突的..
      

  2.   

    LZ 写的代码少,等代码写多了自然就会用到了!写个小例子,L@_@K! <body>
      <div id="divParent" style="background-color: #ffff00; width: 200px; height: 200px;">Parent!
        <div id="divChild" style="background-color: #00ffff; width: 100px; height: 100px;">
            Child!
        </div>
      </div>
      <script type="text/javascript">
      <!--
    var oParent = document.getElementById("divParent");
    var oChild = document.getElementById("divChild");
    oParent.onclick = function()
    {
        alert("Parent");
    };
    oChild.onclick = function()
    {
        alert("Child");
        // 停止冒泡!
        // 注释看看效果有何不同!
        event.cancelBubble = true;
    };
      //-->
      </script>
     </body>