1、event.preventDefault() 阻止默认行为
<a href="http://www.baidu.com">链接</a>
// 阻止默认行为 e.preventDefault(); $("a").click(function(){ event.preventDefault(); }) //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e && e.preventDefault ) e.preventDefault(); //IE中阻止函数器默认动作的方式 else window.event.returnValue = false; return false; }
2、event.stopPropagation() 停止冒泡
<div class="demo" onclick="alert(‘div‘)"> <ul onclick="alert(‘ul‘)"> <li onclick="alert(‘li‘)">asd</li> </ul> </div>
// 防止冒泡 e.stopPropagation(e); $(".demo li").click(function(e){ window.event ? window.event.cancelBubble = true : e.stopPropagation(); }) function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } }
时间: 2024-11-03 21:05:46