e.preventDefault()与e.stopPropagation()的区别
来源:互联网 发布:java开源视频播放 编辑:程序博客网 时间:2024/04/30 08:49
e.stopPropagation()阻止事件冒泡
<table border='1'> <tr> <td><span>冒泡事件测试</span></td> <td><span>冒泡事件测试2</span></td> </tr></table>
我们先看这段js代码:
<script> $('table').on('click', function (e) { alert('table alert!'); }); $('tr').on('click',function(){ alert('tr alert'); }); $('span').on('click',function(){ alert("span alert!") });
</script>
我们会看到这样的情况:span alert -> td alert -> table alert。这就叫事件冒泡。就是从下到上,从里到外,事件依次触发。
有的时候我们不希望事件冒泡咋办?
<script> $(function(){ $('table').on('click','span',function(e){ alert('span alert!'); e.stopPropagation(); }); $('table').on('click',function(){ alert('table alert!'); }); })</script>
这样,点击span时,弹出"span alert!"对话框即结束,然后禁止事件冒泡,“table alert!”对话框即不会触发。
如果想获得事件相关信息,就要给匿名方法加一个e对象,e就是事件对象。
e.preventDefault()阻止事件默认行为。
$("a").click(function (e) {
});
<a href="http://www.baidu.com">测试</a>
return false等效于同时调用e.preventDefault()和e.stopPropagation()
return false除了阻止默认行为之外,还会阻止事件冒泡。如果手上有一份jquery源代码的话,可查看其中有如下代码:
if (ret===false){
event.preventDefault();
event.stopPropagation();
}
0 0
- e.preventDefault()与e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- stopPropagation();和 return false;和e.preventDefault;的区别
- jQuery中的e.preventDefault(), e.stopPropagation()的使用
- Event preventDefault()与stopPropagation()区别
- preventDefault和stopPropagation的区别
- return false;和e.preventDefault();的区别
- return false和e.preventDefault()的区别
- return false 和 e.preventDefault 的区别
- preventDefault与stopPropagation的作用
- 搜索引擎的使用技巧
- 关于textarea根据文本内容自动改变高度
- LXC(Linux containers)快速入门
- 【iOS】GCD死锁
- if 语句里面有 return;
- e.preventDefault()与e.stopPropagation()的区别
- Spring MVC —— 整体结构
- 设计模式-结构型模式汇总
- iOS 【错误:'Changing the delegate of a tab bar managed by a tab bar controller is not allowed.'】
- 一个写日志的方法
- java常用算法之最长回文子串(Longest Palindromic Substring)
- 快速理解Docker - 容器级虚拟化解决方案
- java的xpath语法
- if语句 return;结尾