event.cancelBubble 什么叫事件冒泡，我都快晕死了，详细给讲讲，手册看不明白

关注
学习按我的理解
一个对象的事件被激发时，也会同时激发包含这个对象的对象的事件
event.cancelBubble =true 就阻断了这层关系了吧

解决方案 »

  1.   

    这个是手册的示例代码<SCRIPT LANGUAGE="JScript">
    function checkCancel()
    {
        if (window.event.shiftKey)
            window.event.cancelBubble = true;
    }
    function showSrc()
    {
        if (window.event.srcElement.tagName == "IMG")
            alert(window.event.srcElement.src);
    }
    </SCRIPT><BODY onclick="showSrc()">
    <IMG onclick="checkCancel()" SRC="sample.gif">
      

  2.   

    以下代码或许更能说明<SCRIPT LANGUAGE="JScript">
    function checkCancel()
    {
        if (window.event.shiftKey)
            window.event.cancelBubble = true;
        alert('Image Click');
    }
    function showSrc()
    {
        alert('Div Click');
    }
    </SCRIPT><div onclick="showSrc()" style="background:brown">
    <IMG onclick="checkCancel()" SRC="sample.gif">
    <br>
    <br>
    Press Shift and Click Image
    </div>
      

  3.   

    什么手册？能不能发个给俺，谢谢[email protected]
      

  4.   

    我也需要这个手册，能发给我吗。谢谢！[email protected]
      

  5.   

    google 上查 script56.chm 即可！
      

  6.   

    <body onclick="alert('body')"><div onclick="alert('div')">for test</div>这一段代码，它是冒泡的，默认就是，当点击那DIV元素上的文字时，会alert()一次，然后冒泡到BODY层上，由于也绑定了事件，也会alert()一次。<body onclick="alert('body')"><div onclick="alert('div');event.cancelBubble=true;">for test</div>这样的话，就会阻止它的事件冒泡，不会激发到上一层的元素的事件。