jquery中的触发事件的triggle 冒泡事件

原创 2012年03月27日 14:54:24
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="../20120319/include/jquery.js"></script>
<script language="javascript" type="text/javascript"  >
//使用jquery绑定事件
$(document).ready(function (){
	
 $("p").bind("myEvent", function (event, message1, message2) {
  alert(message1 + ' ' + message2);
});
$("p").trigger("myEvent", ["Hello","World!"]);
  });
  
  </script>
</head>

<body>
<p>this is p</p>
 
</body>
</html>
注意使用方法:
triggle:

在每一个匹配的元素上触发某类事件。

这个函数也会导致浏览器同名的默认行为的执行。

例如:触发一个'submit',则同样会导致浏览器提交表单。如果要阻止这种默认行为,应返回false。

你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件。

事件处理函数会收到一个修复的(规范化的)事件对象,但这个对象没有特定浏览器才有的属性,比如keyCode。

triggle 的延伸:

所有触发的事件现在会冒泡到DOM树上了。举例来说,如果你在一个段落p上触发一个事件,他首先会在这个元素上触发,其次到父元素,在到父元素的父元素,直到触发到document对象。这个事件对象有一个 .target 属性指向最开始触发这个事件的元素。你可以用 stopPropagation() 来阻止事件冒泡,或者在事件处理函数中返回false即可。

JQuery实现(阻止事件冒泡,不触发父级标签点击事件)点击div里面的a的能触发点击事件,但是不触发外面的div的点击事件

现在有一个div,这个div里面有一个a标签,div和a都是有点击事件的,但是我想要做到点击a标签的时候就只触发里面a标签的点击事件,不想执行外层div的点击事件。 使用JQuery可以简单地实现,只...
  • u014175572
  • u014175572
  • 2016年01月13日 15:48
  • 5092

jQuery阻止向上冒泡事件

jQuery阻止向上冒泡
  • fangfengzhen115
  • fangfengzhen115
  • 2015年05月11日 11:27
  • 1971

JQuery事件冒泡机制与解决

一、什么是事件冒泡?        当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生。 当事件发生后,这个事件就要开始传播。为什么要传播呢?...
  • Inuyasha1121
  • Inuyasha1121
  • 2015年05月20日 14:00
  • 1486

jquery防止冒泡事件,冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件

jquery之防止冒泡事件,冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件...
  • unique_jx
  • unique_jx
  • 2016年09月28日 15:52
  • 2649

jQuery取消冒泡排序事件

3.html $(function(){ $("#sid").click(function(){ alert('我是大DIV'); }); $("#bid").click(func...
  • qq_36074053
  • qq_36074053
  • 2017年04月23日 12:25
  • 234

JQuery手动触发事件API之:通过代码看清trigger与triggerHandler的差别

如果我们想手动触发click事件,最常见的做法是通过$("#button").click()来触发,这种做法姑且叫方式一吧。方式一触发事件有3个特点:1. 会产生事件冒泡2. 不会阻止事件在浏览器下的...
  • aitangyong
  • aitangyong
  • 2015年01月31日 00:40
  • 4323

jQuery的的方法阻止冒泡和默认的事件(三种方法)

1:return false ----》 在事件的处理中,可以阻止默认事件和冒泡事件。  2:event.preventDefault()---》在事件的处理中,可以阻止默认事件但是允许冒泡事件的发...
  • web_qdkf
  • web_qdkf
  • 2016年03月21日 16:39
  • 379

iOS上的jQuery.on()冒泡事件绑定 以及 iOS绝对定位元素中的输入框

上周遇到两个坑。 一是jQuery的on方法 事件冒泡,在iOS中有问题。 二是绝对定位的元素中,如果有输入框,input或者textarea,获取焦点,自动弹出输入法之后,绝对定位的元素会在屏幕最上...
  • lgh06
  • lgh06
  • 2015年08月10日 10:43
  • 1044

js响应事件的阶段,捕获阶段,冒泡阶段

当鼠标点击所看到的的按钮时,其实发生了一系列的事件传递,可以想象一下,button实际上是被body“包裹”起来的,body是被html“包裹”起来的,html是被document“包裹”起来的,do...
  • JQuery_QQ
  • JQuery_QQ
  • 2016年05月18日 23:58
  • 1874

【Jquery实战】按下回车键触发事件

1、点击button按钮后弹出一个窗口,然后再弹出页面按下回车键将需要的值传入父页面,并关闭当前弹出层。js触发事件如下: 注:ul元素中的值是动态传入的。 disabled sid="${sup...
  • zsq520520
  • zsq520520
  • 2016年11月15日 14:19
  • 1409
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery中的触发事件的triggle 冒泡事件
举报原因:
原因补充:

(最多只允许输入30个字)