阻止默认事件行为和事件冒泡
程序员文章站
2022-06-12 20:19:05
...
阻止默认事件行为和事件冒泡
默认事件：
例如a标签点击后会进行跳转，跳转的操作就是默认事件
例如submit按钮点击回车后会进行表单提交，也属于默认事件
解决方法：
w3c的方法是e.preventDefault()，IE则是使用e.returnValue = false;
事件冒泡：
冒泡简单的举例来说，儿子知道了一个秘密消息，它告诉了爸爸，爸爸知道了又告诉了爷爷，一级级传递从而引起事件的混乱，而阻止冒泡就是不让儿子告诉爸爸，爸爸自然不会告诉爷爷了。下面的domo就是很好的例子。
<body>
<input type="button" id="btn" value="语言" />
<div id="box"></div>
</body>我所实现的效果是：点击按钮btn让box显示，而点击其他地方则让box消失。
如果我不阻止冒泡的话，那么首先btn会触发点击时间，让盒子显示，但是由于box是包含在document中的，所以会向上冒泡又触发document的点击事件，盒子又消失。这个事件的执行顺序可以在不同的点击事件中使用alert来验证。直接使用oEvent.cancelBubble
= true 即可。
仅仅阻止默认事件行为
jQuery 代码:
$("a").live("click", function(event){
event.preventDefault();
});
阻止默认事件行为和事件冒泡，返回 false
jQuery 代码:
$("a").live("click", function() { return false; });上一篇： 阻止事件冒泡和默认事件行为
下一篇： JS阻止冒泡和取消默认事件(默认行为)