JavascriptEvent（事件）的传播与冒泡-创新互联

特性说明和原理图：

• 标准浏览器和Ie9+浏览器都支持事件的冒泡和捕获，而IE8-浏览器只支持冒泡
• 标准和Ie9+浏览器用stopPropagation()或cancelBubble阻止事件传播，而ie8-用e.cancelBubble属性来阻冒泡，注意ie9不支持cancelBubble属性（设置后不生效），但chrome、safari、opera、firefox都支持cancelBubble属性。
• Ie8-用attachEvent为dom元素添加一个事件，但必须在事件名前加上on，此类事件只能在元素的冒泡阶段。
• stopPropagatin()方法用于阻止事件的传播，如果设置在捕获阶段，则目标和冒泡阶段不会被执行；
• cancelBubble属性只能阻止冒泡阶段，对捕获和目标阶段的事件不能阻止
• preventDefault()和window.event.returnValue用于标准浏览器和ie9+，都可以阻止默认事件。ie8-可以用returnValue，preventDefault()。

示例代码(ie8-示例不提供)

html代码

 
 

 

 

  按钮
  
    StopPropagation
    cancelBubble
  
  cont阻止捕获或冒泡
 

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。