jQuery-阻止事件冒泡
2017-03-21 22:21
246 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>事件中的冒泡现象</title> <script type="text/javascript" src="Jscript/jquery-1.8.2.min.js"> </script> <style type="text/css"> body{font-size:13px} .clsShow{border:#ccc 1px solid;background-color:#eee;margin-top:15px;padding:5px;width:220px;line-height:1.8em;display:none} .btn {border:#666 1px solid;padding:2px;width:50px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} </style> <script type="text/javascript"> $(function() { var intI = 0; //记录执行次数 $("body,div,#btnShow").click(function(event) {//点击事件 intI++; //次数累加 $(".clsShow") .show()//显示 .html("您好,欢迎来到jQuery世界!")//设置内容 .append("<div>执行次数 <b>" + intI + "</b> </div>"); //追加文本 event.stopPropagation();//阻止冒泡过程 }) }) </script> </head> <body> <div>
相关文章推荐
- javascript事件冒泡实例详解和jquery阻止事件冒泡的两种方法
- Jquery阻止事件冒泡
- jquery 阻止冒泡事件实例 stopPropagation
- JS,Jquery中事件冒泡以及阻止事件冒泡方法
- 带你学习JQuery:事件冒泡和阻止默认行为
- jQuery阻止事件冒泡2010-04-09 11:37
- jQuery 中的事件冒泡和阻止默认行为
- jquery阻止事件冒泡的两种方法 .
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- JQuery 中阻止冒泡事件
- Jquery阻止事件冒泡 event.stopPropagation
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- JS:停止事件冒泡和阻止浏览器的默认行为 js/jquery/prototype
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- jquery阻止事件冒泡的两种方法
- Jquery阻止事件冒泡 event.stopPropagation
- jQuery阻止事件冒泡
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- JQuery中阻止事件冒泡方式及其区别
- jQuery阻止 toggle方法事件冒泡