cancelBubble 属性是做什么用的?

event.cancelBubble=true
取消事件冒泡

解决方案 »

  1.   

    <body onclick='a()'>
    <img onclick='b()'>
    </body>
    如上，img的onclick优先于body的onclick
    <body onclick='event.cancelBubble=true;a()'>
    <img onclick='b()'>
    </body>
    加上event.cancelBubble=true后，img的onclick就无效了执行的是body的onclick
      

  2.   

    to 阿信:
    我在我的系统中使用了你的xml无限级树，发现里面用到了这个属性，有什么作用呢？还有我将xtree文件夹里的css,files,img文件夹里的文件分别放到我系统中的对应目录，
    修改xtree.htc中设置路径部分为绝对路径，发现结点的三个图片不能正常显示，而XML可以正常加载，如果不改变xtree文件夹的层次关系直接使用则无此问题，请问该如何解决？
      

  3.   

    在ie中，事件是上浮的，即如果你点击了一个img，就会触发这个img的onclick事件，然后这个onclick事件上浮到img对象的父对象，然后继续上浮，直到body。
    换句话说，如果你再img的onclick绑定了函数，并且在body的onclick也帮定了函数，那么正常情况下，你点击img后，两个函数被先后执行。如果在img的onclick函数中使用event.cancelBubble = true，那么事件不再上浮，这时候，点击img只触发img的onclick，而body的onclick不被触发