文档章节

jquery事件中的stopPropagation和stopImmediatePropagation

b
 bingguo
发布于 2014/06/13 12:07
字数 196
阅读 19
收藏 0

请看文档里对event.stopImmediatePropagation()的描述:

Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.

从这里可以看出,stopImmediatePropagation做了两件事情:

**第一件事:阻止 绑定在事件触发元素的 其他同类事件的callback的运行,**看他下面的例子就很明白:

$("p").click(function(event) {
      event.stopImmediatePropagation();
});
$("p").click(function(event) {
      // 不会执行以下代码
      $(this).css("background-color", "#f00");
});

**第二件事,阻止事件传播到父元素,**这跟stopPropagation的作用是一样的.

所以文档里面还有这么一句话:

.. this method also stops the bubbling by implicitly calling event.stopPropagation().

意思是说其实这个方法是调用了stopPropagation()方法的。

stopImmediatePropagation比stopPropagation多做了第一件事情,这就是他们之间的区别

本文转载自:

共有 人打赏支持
b
粉丝 0
博文 7
码字总数 2193
作品 0
朝阳
私信 提问
stopPropagation与stopImmediatePropagation的区别

以前只知道js里有个stopPropagation(),不知道还有个stopImmediatePropagation()(本人孤陋寡闻,让大家笑话了),今天看到有段代码里出现了stopImmediatePropagation()这个方法,就研究了一下...

i33
2012/10/25
0
0
jquery 事件对象属性小结

使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象. jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQu...

i33
2012/10/25
0
0
JavaScript事件机制——记一次认真准备的技术分享

先问几个问题,你是否能快速闪过答案? 自下而上(冒泡)事件怎么写,自上而下(捕获)又是怎么写? 捕获型和冒泡型同时存在,谁生效? jquery的on或bind是冒泡,还是捕获? 冒泡能够阻止,那...

闲淡超人
2018/06/20
0
0
Java程序员从笨鸟到菜鸟之(九十)跟我学jquery(六)jquery中事件详解

由于jquery本身就是web客户端的有力帮手,所以事件对于它来说就显得尤为重要了,事件是脚本编程的灵魂. 所以此内容也是jQuery学习的重点。 在传统的javascript中,注册一个事件也是非常简单的...

长平狐
2012/11/12
50
0
总结jquery使用事件(复合事件、事件绑定等)

本文整理总结jquery事件,在使用jquery开发中,一定会使用到事件,下面是常用的事件。 1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种...

^6^|^6^
2011/12/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7重置密码、单用户模式、救援模式、ls命令、chmod命令

在工作当中如果我们错误的配置了文件使服务器不能正常启动或者忘记密码不能登录系统,如何解决这些问题呢?重装系统是可以实现的,但是往往不能轻易重装系统的,下面用忘记密码作为例子讲解如...

李超小牛子
47分钟前
1
0
Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
5
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
3
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
3
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部