jquery阻止冒泡事件使用模拟事件

nnj 2013-09-06

代码如下：

<body> 
<div class="content"> 
<span>单击显示隐藏内容</span> 
</div> 
<div class="message">这里是隐藏内容</div> 
</body> 
<script> 
$(document).ready(function(){ 
$("span").bind("click", function(){ 
$(".message").show(); 
}); 
$(".content").bind("click", function(){ 
$(".message").show(); 
}); 
$("body").bind("click", function(){ 
$(".message").show(); 
}); 
}); 
</script> 
当点击span的时候 div 和 body 的事件全部触发了。要阻止这种发生 
$("span").bind("click", function(e){ 
$(".message").show(); 
e.stopPropagation();//完成事件清除动作 
});

模拟事件 trigger

代码如下：

$(".content").bind("myclick", function(event,message1,message2){ 
$("#test").append(message1+messages2); 
}); 
$("#btn").trigger("myclick",["我的事件","触发了"]);
nnj

nnj

相关推荐

Jquery中的事件冒泡

严格来说，事件在出发后分为两个阶段，一个是捕获，一个是冒泡，但有些遗憾的是，大多数浏览器并不是都支持捕获阶段，Jquery也不支持，因此在事件触发后，往往执行冒泡过后曾，所谓的冒泡其实质就是事件的执行中的顺序，下面通过一个实例来说明冒泡现象。其实还有一种可

郭贝贝编程 / 0评论 2015-03-25

DOM 事件模型2:阻止冒泡,popover,轮播BUG解决

DOM 事件模型2:阻止冒泡,popover,轮播BUG解决1从popover理解冒泡与捕获。当几个DIV嵌套,触发事件时,是先进行捕获阶段的触发,再进行冒泡阶段的触发的.例如一个popover的例子想要的效果是点击别处关闭浮层如图:. 加上debugge

DolphinThinker / 0评论 2019-06-28

Jquery中的事件冒泡

事件中的冒泡现象严格来说，事件在出发后分为两个阶段，一个是捕获，一个是冒泡，但有些遗憾的是，大多数浏览器并不是都支持捕获阶段，Jquery也不支持，因此在事件触发后，往往执行冒泡过后曾，所谓的冒泡其实质就是事件的执行中的顺序，下面通过一个实例来说明冒泡现象

SinhaengHhjian / 0评论 2015-03-25

十二、jquery事件简介

$(function() { $("#child").bind("click",function(event){ //使用JQuery把浏览器之间的问题全部屏蔽了 //所使用的事件模型是DOM2 print(e

publicTIM / 0评论 2013-05-07

Jquery 事件冒泡（转）

什么是JS事件冒泡？在一个对象上触发某类事件，如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理，或者它到达了对象层次的最顶层，即

xiuping0 / 0评论 2013-01-09

jquery阻止事件冒泡

在使用jquery进行事件处理的时候，当从里到外的多层都响应某一事件，然后又在里层发生该事件时，jquery默认是会从里到外依次响应各个事件的，然而有时候这并不是我们所需要的。jquery中可以用来阻止事件冒泡的主要有两种，stopPropagation(

菜鸟新手taob / 0评论 2011-08-31

防止事件冒泡--jQuery事件处理

引用假设面临事件冒泡的问题，如何阻止意外结果的发生。事件对象的target（目标）属性：控制事件传播，并停止事件冒泡。利用target属性，可以确定哪个DOM元素首先接收到事件，并确保该事件不会自动传播到其他元素。

publicTIM / 0评论 2011-07-26

JQuery事件冒泡机制与解决

<a href="#" class="cooltip" title="这是我的超链接提示1。在页面中当单击a标签会连续弹出3个提示框。本来在上面的代码中只想触发<a>元素的onclick事

83453065 / 0评论 2011-07-26

浏览器冒泡型事件

在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF]

郭文睿 / 0评论 2011-06-30

Jquery 事件冒泡

什么是事件冒泡，通过一个小例子来解释比如上面这个页面，分为三层，divOne是第外层，divTwo中间层，hr_three是最里层，<%@ Page Language= "C#" AutoEventWireup= "t

XiaoSpring / 0评论 2011-01-21

jquery事件冒泡和事件对象的讲解及jquery实现图片跟着鼠标走

和js的相应函数一致，jquery中若响应函数若返回false，可以取消指定元素的默认行为，比如submit的提交，和a的超链接的跳转，一个方法中只要有ruturn方法就会结束，不在往下执行，return的目的是让submit等默认的行为失效，也就是说re

无情 / 0评论 2018-03-24

JavaScript捕捉事件和阻止冒泡事件实例分析

本文实例讲述了JavaScript捕捉事件和阻止冒泡事件。分享给大家供大家参考，具体如下：。今日，项目程序出现异常，后发现跟冒泡事件有关，利用此机会探索一下利用Javascript捕获和冒泡事件。其实事件冒泡是一个从后代节点向祖先节点冒泡的过程，而捕获是从

wdy00 / 0评论 2018-08-03

JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法。分享给大家供大家参考，具体如下：。如果你只关心这个问题，请直接下滑到3. 绑定多个事件，且由用户行为触发。如果你想细致了解JavaScript中的

嗯呐嘀 / 0评论 2017-03-30

javascript阻止事件冒泡和浏览器的默认行为

}2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为.

无主之地 / 0评论 2017-01-21

jQuery阻止事件冒泡实例分析

本文实例讲述了jQuery阻止事件冒泡。分享给大家供大家参考，具体如下：。通俗点来说吧，你在家里看电视，躲在自己的小房间，但是你不希望声音传到隔壁父母的耳朵里，这时候，你可能躲在被窝里，或者墙壁的隔音效果很好，阻隔声音可以理解为阻止冒泡。希望本文所述对大家

卡奇莫多 / 0评论 2018-07-03

javascript事件捕获机制【深入分析IE和DOM中的事件模型】

本文实例分析了javascript事件捕获机制。分享给大家供大家参考，具体如下：。在排序算法中，我们学过冒泡排序法，所谓冒泡就是让底层的东西浮出水面，对于事件冒泡也同样是如此，下面我们来看一个例子来说明什么是事件冒泡。</script>当支持事

zealerzhang / 0评论 2016-12-15

浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流

事件冒泡是指在一个对象触发某类事件，如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，甚至它被处理，或者它到达了对象层级的最顶层，即docum

我只是个程序员 / 0评论 2019-05-06

利用JQuery阻止事件冒泡

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。我们在平时的开发过程中，肯定会遇到在一个div包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也

瑾色年华 / 0评论 2016-12-01

jQuery实现点击某个div打开层，点击其他div关闭层实例分析(阻止冒泡)

本文实例讲述了jQuery实现点击某个div打开层，点击其他div关闭层的方法。分享给大家供大家参考，具体如下：。其实很早就学过js一些高级部分的知识，但是用的不多，也就慢慢淡忘了。最近发现随着编程的深入，你不得不用到它们，比如事件的冒泡。①点击class

东方败败 / 0评论 2016-11-18

jquery取消事件冒泡的三种方法(推荐)

);3、通过使用 stopPropagation() 方法只阻止一个事件起泡。那么就取消了行为，不执行之后的语句了。

89387341 / 0评论 2019-04-26

jQuery中on绑定事件后引发的事件冒泡问题如何解决

用on绑定时，我把子元素的 绑定到 document，而把父元素绑定到上级元素，导致 return false 阻止冒泡无效。增加了绑定效率。当事件冒泡到document对象时，检测事件的target，如果与传入的选择符匹配，就触发事件，否则不触发。修改为

88487901 / 0评论 2016-05-25

深入理解jQuery之防止冒泡事件

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。var txt = $.html() + "<p>内层span元素被点击.<p/>";//获取html信息。有时候点击提交按钮会有一些默认事件。但是如

warhin / 0评论 2019-04-26

理解jquery事件冒泡

下面就结合代码实例来简单介绍一下什么是事件冒泡。所谓的冒泡事件就是，如果在某一个对象上触发某一类事件，那么此事件会向对象的父级对象传播，并触发父对象上定义的同类事件。

xiongfeng / 0评论 2019-04-24

jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

与我们所想有所出入，那到底要怎么解决这个问题呢，这里就要想到事件冒泡这个机制，因为当我点击btn的时候，事件会向上冒泡到父元素，直至document对象。})把btn的事件委托给点击body来处理。return false 在事件的处理中，可以阻止默认事件

CeiWCJ / 0评论 2015-11-27

JQuery中DOM事件冒泡实例分析

本文实例分析了JQuery中DOM事件冒泡。分享给大家供大家参考。在页面上可以有多个事件，也可以多个元素响应同一个事件。假设网页上有两个元素，其中一个元素嵌套在另一个元素里，并且都被绑定了click事件，同时body元素上也绑定了click事件。之所以称为

CeiWCJ / 0评论 2015-06-13

浅谈jQuery中的事件

$.bind；但是每次这样写，太过麻烦，还怎么做到Write less，Do more？所以我们习惯的简写成。当鼠标放在元素上的时候调用enterfn方法，当鼠标离开元素的时候调用leavefn方法。相当于javascript中的mouseover与mou

nnj / 0评论 2019-04-20

jQuery如何防止这种冒泡事件发生

冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。var txt = $.html() + "<p>内层span元素被点<p/>";</script> 有时候点击提交按钮会有

mengyun00 / 0评论 2019-04-20

js阻止冒泡及jquery阻止事件冒泡示例介绍

js阻止冒泡 在阻止冒泡的过程中，W3C和IE采用的不同的方法，那么我们必须做以下兼容。//returnValue如果设置了该属性，它的值比事件句柄的返回值优先级高。//可以取消发生事件的源元素的默认动作。}JQuery 提供了两种方式来阻止事件冒泡。})

程序员哦 / 0评论 2013-11-19

一个小例子解释如何来阻止Jquery事件冒泡

什么是JS事件冒泡？在一个对象上触发某类事件，如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理，或者它到达了对象层次的最顶层，即

84261948 / 0评论 2019-04-18

jQuery中事件对象e的事件冒泡用法示例介绍

之前查手册的时候没有看到有事件对象这一概念，当时我想实现的是点击一个文本框出现一个下拉多选框，在文本框失去焦点是触发blur事件，从而使下拉框隐藏起来。但是当我要选择多选框是也会使它隐藏，就不能进行选择了，这让我很郁闷。查了一天的资料，终于在脱离了焦点这一

warhin / 0评论 2014-04-25

jQuery中阻止冒泡事件的方法介绍

当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。比如：div下的a都有click事件，点击a的时候，会alert出现2次。这个事件从原始元素开始一直冒泡到DOM树的最上层。事实上blur和focus可以用事件捕获而非事件

草莓酱 / 0评论 2014-04-12

JQuery中阻止事件冒泡几种方式及其区别介绍

}); 但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。

80991930 / 0评论 2014-01-15

jQuery阻止事件冒泡具体实现

var txt = $.html() + "<p>内层span元素被点击.<p/>";//获取html信息。</script>当点击span时，会触发div与body 的点击事件。如何防止这种冒泡事件

88417615 / 0评论 2013-10-11

jQuery基本事件代码优化

jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手，简要分析一下jQuery为什么提供mouseenter和mouseleave事件，它们与标准的mouseover、mouseout事件有什么区别。说到事件，就要追溯到网景与微软的“浏

Lambo / 0评论 2012-04-26

由点击页面其它地方隐藏div所想到的jQuery的delegate

</div>对于这个问题一般有两种思路，这两种思路都会利用事件冒泡这一原理，想要详细了解Javascript事件机制可以看看JavaScript与HTML交互――事件,这不是本文重点，所以这里只是简单介绍一下事件冒泡，DOM事件流：DOM2级事

xiongfeng / 0评论 2013-08-29

jQuery代码优化之基本事件

jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手，简要分析一下jQuery为什么提供mouseenter和mouseleave事件，它们与标准的mouseover、mouseout事件有什么区别。说到事件，就要追溯到网景与微软的“浏

89580498 / 0评论 2011-10-31

事件冒泡是什么如何用jquery阻止事件冒泡

当事件发生后，这个事件就要开始传播。因为事件源本身并没有处理事件的能力。这就涉及到事件的冒泡了。这些对象的层次关系构成了DOM中的对象树。所以，如果这个按钮上面有3层，且这三层都定义了onclick属性，则当按钮的click事件产生时，将会调用4个函数或执

nnj / 0评论 2013-03-20

jquery的冒泡事件的阻止与允许(三种实现方法)

有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。return false 在事件的处理中，可以阻止默认事件和冒泡事件。

zhaoxinglei00 / 0评论 2013-02-01

jquery 事件冒泡的介绍以及如何阻止事件冒泡

什么是JS事件冒泡？在一个对象上触发某类事件，如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理，或者它到达了对象层次的最顶层，即

88487901 / 0评论 2012-12-25

jQuery代码优化之基本事件

事件模型 说到事件，就要追溯到网景与微软的“浏览器大战”了。当时，事件模型还没有标准，两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统，而微软则在IE中实现了一个基本上相反的事件系统，叫做“事件冒泡”。这两种系统的区别在于

nnj / 0评论 2011-11-01

jQuery阻止冒泡和HTML默认操作

return false 在事件的处理中，可以阻止默认事件和冒泡事件。

nnj / 0评论 2010-11-17

阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）

cancelBubble在IE下有效 stopPropagation在Firefox下有效 代码如下：。<title>阻止JavaScript事件冒泡传递</title>

CoffeyLiu / 0评论 2007-05-07

老生常谈的js事件冒泡机制

哎 js事件冒泡机制和阻止冒泡 阻止默认行为好像永远也整不清楚，记了忘 忘了记。。。事件流指的是 从页面中接收事件的顺序，也就是说当一个事件产生时，这个事件的传播过程就叫做事件流。同时支持两种事件模型——事件冒泡和事件捕获，但是捕获会先发生。通过addEv

弄懂石墨烯其实并不难 / 0评论 2018-05-06

javascript阻止冒泡和默认事件（默认行为）

阻止冒泡。冒泡简单的举例来说，儿子知道了一个秘密消息，它告诉了爸爸，爸爸知道了又告诉了爷爷，一级级传递从而引起事件的混乱，而阻止冒泡就是不让儿子告诉爸爸，爸爸自然不会告诉爷爷了。下面的domo就是很好的例子。<!DOCTYPE&nbsp;h

软件设计 / 0评论 2017-05-18

阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）

<!

软件设计 / 0评论 2017-04-27

JS中绑定事件顺序（事件冒泡与事件捕获区别）

在JS中，绑定的事件默认的执行时间是在冒泡阶段执行，而非在捕获阶段（重要），这也是为什么当父类和子类都绑定了某个事件，会先调用子类绑定的事件，后调用父类的事件。JS在默认情况下获取事件后，就开始从根元素开始捕获所有该事件的监听对象，然后在冒泡阶段逐一执行。

前端开发 / 0评论 2017-01-24

深入React事件系统(React点击空白部分隐藏弹出层；React阻止事件冒泡失效)

只关注括号内问题的同学，可直接跳转到蓝字部分。两个在React组件上绑定的事件，产生冲突后，使用e.stopPropagation()，阻止冒泡，即可防止事件冲突，毫无问题。今天是踩了个React事件的坑，需求可以简化为：点击框体以外的部分则隐藏框体。明显

编程爱好者联盟 / 0评论 2017-01-18

JQuery阻止事件冒泡

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。我们在平时的开发过程中，肯定会遇到在一个div包裹一个div的情况，但是呢，在这两个div上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也

编程爱好者联盟 / 0评论 2016-11-10