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

特性说明和原理图：

创新互联专注于繁峙网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供繁峙营销型网站建设，繁峙网站制作、繁峙网页设计、繁峙网站官网定制、微信小程序定制开发服务，打造繁峙网络公司原创品牌,更为您提供繁峙网站排名全网营销落地服务。

Javascript Event（事件）的传播与冒泡

标准浏览器和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代码

<body class="body" > 
 <div class="log"></div>
 <input type="text" id="inTxt" name="intxt" />
<div class="wrap">
 <div class="cont">
  <button type="button" class="button" id="btn">按钮</button>
  <select name="stopType" id="stopType">
    <option value="1">StopPropagation</option>
    <option value="2">cancelBubble</option>
  </select>
  <button type="button" class="button" id="btnReject">cont阻止捕获或冒泡</button>
 </div>
</div>
</body>

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

本文名称：JavascriptEvent（事件）的传播与冒泡-创新互联
当前地址：https://www.cdcxhl.com/article30/dsdjpo.html

成都网站建设公司_创新互联，为您提供微信公众号、服务器托管、电子商务、外贸建站、网站维护、网站排名

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容