1.  e.stopPropagation()阻止事件冒泡
  2.  
  3. <head>
  4.     <title></title>
  5.     <script src="Scripts/jQuery-1.4.1.js" type="text/JavaScript"></script>
  6. </head>
  7. <body>
  8.     <table>
  9.         <tr>
  10.             <td><span>冒泡事件测试</span></td>
  11.         </tr>
  12.     </table>
  13. </body>
  14.  
  15. 我们先看这段代码：
  16.  
  17.     <script type="text/javascript">
  18.         $(function () {
  19.             $("table").click(function () { alert("table alert"); });
  20.             $("td").click(function () { alert("td alert"); });
  21.             $("span").click(function (){
  22.                     alert("span alert");
  23.             });
  24.         });
  25.     </script>
  26.  
  27. 我们会看到这样的情况：span alert -> td alert -> table alert。这就叫事件冒泡。就是从下到上，从里到外，事件依次触发。
  28.  
  29. 有的时候我们不希望事件冒泡咋办？
  30.  
  31.     <script type="text/javascript">
  32.         $(function () {
  33.             $("table").click(function () { alert("table alert"); });
  34.             $("td").click(function () { alert("td alert"); });
  35.             $("span").click(function (e){
  36.                     alert("span alert");
  37.                     e.stopPropagation();
  38.             });
  39.         });
  40.     </script>
  41.  
  42. 如果想获得事件相关信息，就要给匿名方法加一个e对象，e就是事件对象。
  43.  
  44. e.preventDefault()阻止事件默认行为。
  45.  
  46. $("a").click(function (e) {
  47.      alert("默认行为被禁止喽");
  48.      e.preventDefault();
  49. });
  50.  
  51. <a href="http://www.baidu.com">测试</a>
  52.  
  53. return false等效于同时调用e.preventDefault()和e.stopPropagation()
  54.  
  55. return false除了阻止默认行为之外，还会阻止事件冒泡。如果手上有一份jquery源代码的话，可查看其中有如下代码：
  56.  
  57. if (ret===false){
  58. 　　event.preventDefault();
  59. 　　event.stopPropagation();
  60. }

来源：http://blog.csdn.net/woshixuye/article/details/7422985

jQuery中return false,e.preventDefault(),e.stopPropagation()的区别的更多相关文章

  1. jQuery js 中return false,e.preventDefault(),e.stopPropagation()的区别(事件冒泡)

    有时候遇到冒泡事件很烦人,真的..... 1.e.stopPropagation()阻止事件冒泡 <head> <title></title> <script ...

  2. jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别

    e.stopPropagation()阻止事件冒泡 <html><head>     <title></title>     <script sr ...

  3. jquery中return false的作用

    jquery中的return false既阻止默认事件,又阻止冒泡: 在原生的js中,return false只有一个功能,那就是阻止默认事件. <!DOCTYPE html> <h ...

  4. 关于js中return false、event.preventDefault()和event.stopPropagation()

    在平时项目中,如果遇到需要阻止浏览器默认行为,大家经常会用return false;和event.preventDefault()来阻止,但对它俩的区别还是有些一知半解,于是看了文档,查了些资料,在此 ...

  5. js中return false; jquery中需要这样写：return false(); Jquery 中循环 each的用法 for循环

    js中return false; jquery中需要这样写:return false(); Jquery 中循环 each的用法 $(".progressName").each(f ...

  6. js中 return false

    一.返回控制与函数结果, 语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果  二.返回控制, 无函数结果,语法为:return;  在大多数情况下,为事件 ...

  7. js中return false，return，return true的使用方法及区别

    起首return作为返回keyword,他有下面两种返回体式格式 1.返回把握与函数成果 语法为:return 表达式; 语句停止函数履行,返回调用函数,而且把表达式的值作为函数的成果 2.返回把握无 ...

  8. js中return false,return,return true的用法及区别

    首先return作为返回关键字,他有以下两种返回方式 1.返回控制与函数结果 语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 2.返回控制无函数结果 语 ...

  9. js中return false，return，return true的用法及差别

    起首return作为返回关键字,他有以下两种返回体式格式 1.返回把握与函数成果 语法为:return 表达式; 语句停止函数履行,返回调用函数,并且把表达式的值作为函数的成果 2.返回把握无函数成果 ...

随机推荐

  1. Android中的httpclient框架发送get请求

    /** * 採用httpclientGet请求的方式 * * @param username * @param password * @return null表示求得的路径有问题,text返回请求得到 ...

  2. Diamond 3.5简易教程（二）------软件的简单使用

    二.软件的简单使用 工程建立后我们就可以进行程序的编写添加了. 选择左下角file list 选项卡 这里主要是工程的信息. 在input files 上右键弹出选项addànew file... 在 ...

  3. 【Android】4.4 示例--列出手机上的所有联系人

    分类:C#.Android.VS2015:创建日期:2016-02-06 项目名:DesignerWalkthrough 模板:Blank App(Android) 功能:列出手机上的所有联系人. 说 ...

  4. linux io ports io memory

    http://m.blog.csdn.net/article/details?id=7204458

  5. vue2的全局变量的设置

    最近在学习VUE.js 中间涉及到JS全局变量,与其说是VUE的全局变量,不如说是模块化JS开发的全局变量. 1.全局变量专用模块 就是以一个特定模块来组织管理这些全局量,需要引用的地方导入该模块便好 ...

  6. VBA学习笔记（7）--vba的数组函数

    说明(2017.3.25): 1. split(str,"-")和join(arr,",")函数,用法跟其他语言差不多. 2. filter函数,filter( ...

  7. 【Unity笔记】鼠标射线由指定层接收

    LayerMask mask = << LayerMask.NameToLayer("UI"); Ray ray = Camera.main.ScreenPointTo ...

  8. 【WPF】TabControl垂直分页栏/选项卡

    分页栏控件TabControl默认的选项卡是水平方向的,如下: 现在要改成垂直方向的: 给TabControl 标签添加属性 TabStripPlacement=”Left” , 如下: <Ta ...

  9. Shell脚本编程入门到放弃

    1 区分大小写 UNIX是区分大小写的,因此shell脚本也是区分大小写的 2 特殊字符 UNIX的某些字符都有特殊的意义或功能,如果它们不以其特殊的意义使用必须要进行转义(escaped). 为了转 ...

  10. mount -t nfs 不能使用

    去年使用一个新的文件系统的时候,发现mount -t nfs ip:/g/ftp ~/mnt -o tcp,nolock 不能使用 一直以为是因为mount 命令更新了,有些用法我不会用,但是刚才发现 ...