AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > PHP编程

Js冒泡事件详解及阻止示例

51自学网 2016-09-19 http://www.wanshiok.com
Js冒泡机制是指如果某元素定义了事件A,如click事件,如果触发了事件之后,没有阻止冒泡事件,那么事件将向父级元素传播,触发父类的click函数。
如下例所示:

<html><script type="text/javascript" src="jquery-1.7.1.js"></script><script>function ialertdouble(e) {alert('innerdouble');stopBubble(e);}function ialertthree(e) {alert('innerthree');stopBubbleDouble(e);}function stopBubble(e) {var evt = e||window.event;evt.stopPropagation?evt.stopPropagation():(evt.cancelBubble=true);//阻止冒泡}function stopBubbleDouble(e) {var evt = e||window.event;evt.stopPropagation?evt.stopPropagation():(evt.cancelBubble=true);//阻止冒泡evt.preventDefault();//阻止浏览器默认行为,这样链接就不会跳转}$(function() {//方法一//$('#jquerytest').click(function(event) {// alert('innerfour');// event.stopPropagation();// event.preventDefault();


说明
:本教程来源互联网或网友上传或出版商,仅为学习研究或媒体推广,wanshiok.com不保证资料的完整性。
 
上一篇:jQuery是如何控制多个tr显隐  下一篇:js获得网页背景色和字体色的方法