jQuery中returnfalse,e.preventDefault(),e.stopPropagation()的 e.preventdefault


e.stopPropagation()阻止事件冒泡

<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js"type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td><span>冒泡事件测试</span></td>
</tr>
</table>
</body>

我们先看这段代码:

<script type="text/javascript">
$(function () {
$("table").click(function () { alert("table alert"); });
$("td").click(function () { alert("td alert"); });
$("span").click(function (){
alert("span alert");
});
});
</script>

我们会看到这样的情况:span alert -> td alert-> table alert。这就叫事件冒泡。就是从下到上,从里到外,事件依次触发。

有的时候我们不希望事件冒泡咋办?

<script type="text/javascript">
$(function () {
$("table").click(function () { alert("table alert"); });
$("td").click(function () { alert("td alert"); });
$("span").click(function (e){
alert("span alert");
e.stopPropagation();
});
});
</script>

如果想获得事件相关信息,就要给匿名方法加一个e对象,e就是事件对象。

e.preventDefault()阻止事件默认行为。


$("a").click(function (e) {
jQuery中returnfalse,e.preventDefault(),e.stopPropagation()的 e.preventdefault
alert("默认行为被禁止喽");
e.preventDefault();
});

<a href="http://www.baidu.com">测试</a>

returnfalse等效于同时调用e.preventDefault()和e.stopPropagation()

returnfalse除了阻止默认行为之外,还会阻止事件冒泡。如果手上有一份jquery源代码的话,可查看其中有如下代码:

if (ret===false){
  event.preventDefault();
  event.stopPropagation();
}

  

爱华网本文地址 » http://www.413yy.cn/a/25101016/307875.html

更多阅读

中长发编发教程-不一样的马尾 马尾编发教程

头发很乱时,许多女生索性把头发随手一扎,眼不见为净,马尾人人会绑,但是完成度差很多,只要多一点巧思,就可以让家庭主妇风格马尾变身时尚职等!中长发编发教程-不一样的马尾——步骤/方法中长发编发教程-不一样的马尾 1、时尚风斜马尾  

空气中主要污染物有哪些 空气的污染物有哪些

空气中主要污染物有哪些——简介在干洁的大气中,痕量气体的组成是微不足道的。但是在一定范围的大气中,出现了原来没有的微量物质,其数量和持续时间,都有可能对人、动物、植物及物品、材料产生不利影响和危害。当大气中污染物质的浓度达

Word2010中怎样添加分栏之间的分割线 word2010添加分割线

我们在使用Word2010编辑文档时,有时需要根据实际需要为分档设置分栏,并且需要在分栏之间添加一条分割线。本篇经验就来介绍一下为文档分栏并添加分割线的方法。Word2010中怎样添加分栏之间的分割线——工具/原料Word 2010Word2010中

Word中插入脚注和尾注的技巧 word如何脚注和尾注

Word中插入脚注和尾注的技巧——简介在编辑文章时,常常需要对一些从别的文章中引用的内容、名词或事件加注释。Word提供的插入脚注和尾注功能,可以在指定的文字处插入注释。脚注和尾注实现了这一功能唯一的区别是:脚注是放在每一页面的

声明:《jQuery中returnfalse,e.preventDefault(),e.stopPropagation()的 e.preventdefault》为网友火爆妖夫分享!如侵犯到您的合法权益请联系我们删除