jquery取消事件冒泡的三种方法
来源:互联网 发布:小草 淘宝客 编辑:程序博客网 时间:2024/05/16 06:31
1、通过返回false来取消默认的行为并阻止事件起泡。
jQuery 代码:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通过使用 stopPropagation() 方法只阻止一个事件起泡。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
(4)总结
1.一个事件起泡对应触发的是上层的同一事件
特殊:如果two设置成双击事件,那么在你单击two的时候就会起泡触发one单击的事件
(双击包含单击)。
2.如果在click事件中,在你要处理的事件之前加上e.preventDefault();
那么就取消了行为(通俗理解:相当于做了个return操作),不执行之后的语句了。
3.e.stopPropagation()只要在click事件中,就不会触发上层click事件。
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
// 因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
return false;
jQuery 代码:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通过使用 stopPropagation() 方法只阻止一个事件起泡。
jQuery 代码:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
(4)总结
1.一个事件起泡对应触发的是上层的同一事件
特殊:如果two设置成双击事件,那么在你单击two的时候就会起泡触发one单击的事件
(双击包含单击)。
2.如果在click事件中,在你要处理的事件之前加上e.preventDefault();
那么就取消了行为(通俗理解:相当于做了个return操作),不执行之后的语句了。
3.e.stopPropagation()只要在click事件中,就不会触发上层click事件。
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
// 因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
return false;
- jquery取消事件冒泡的三种方法
- jQuery取消事件冒泡
- JQuery取消事件冒泡
- JQuery取消事件冒泡
- 取消冒泡事件方法
- jQuery取消冒泡排序事件
- jQuery的的方法阻止冒泡和默认的事件(三种方法)
- 取消事件的冒泡
- js取消事件冒泡方法
- jquery 事件代理中的 取消冒泡传递
- javascript事件冒泡实例详解和jquery阻止事件冒泡的两种方法
- jquery阻止事件冒泡的两种方法
- jquery阻止事件冒泡的两种方法 .
- jquery阻止事件冒泡的两种方法
- jQuery阻止冒泡事件的几种方法
- 阻止冒泡事件的三种方法总结
- Jquery 的冒泡事件
- 取消JavaScript事件的冒泡行为
- magento 安装问题总结
- 查看mysql数据库大小、表大小和最后修改时间
- iptables屏蔽QQ与MSN
- 继续努力
- mongodb 入门学习
- jquery取消事件冒泡的三种方法
- POJ3104 Drying
- usaco 3.1 Contact
- Ural 1117
- 关于linux中的实际用户,有效用户,设置-用户-ID位
- ARP缓存表
- UVA 10137
- archlinux 2013-01-04版,最完整的个性化安装与配置大全
- 一些鲜为人知的但却很有趣的Unix/Linux命令