js的冒泡型事件一般是这样理解吧,比如说有如下的代码:
<html  onclick="alert('c')">        
        <head><title>Example</title></head>
        <body onclick="alert('b')">
            <div onclick="alert('a')">Click Me</div>
        </body>
    </html> 
在IE中点击div后会依次响应事件,分别弹出a,b,c   可是我在平常的js页面编写过程中比如说这段代码:
<input name="ON_4" type="radio"  value="0" checked="checked" onclick="changePnON(false,'commondLine');/> 静态基线
            <input name="ON_4" type="radio"  value="1"  onclick="changePnON(true,'commondLine');"/> 动态基线两个input控件里面不是都有onclick事件,为什么这里就不会冒泡响应呢?意思是点其中一个radio的onclick,宁外那个radio的onclick不会响应

解决方案 »

  1.   

    是不是在changePnON函数里取消冒泡了?
      

  2.   

    这样看看还冒泡吗
    <html onclick="alert('c')">   
      <head><title>Example</title></head>
      <body onclick="alert('b')">
      <div onclick="alert('a');event.cancelBubble = true;">Click Me</div>
      </body>
      </html>
      

  3.   

    因为事件按照DOM的层次结构像水泡一样不断上升到顶端。因为你的 两个input框在同一层,所以不会冒泡
      

  4.   

    要存在包含关系,才会冒泡。A容器里面的B容器的C控件的事件会触发A、B的事件。这就是冒泡