阻止默认事件
-
默认事件的类型举例
-
w3c阻止默认事件
-
ie低版本阻止默认事件方法
阻止默认事件
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作),比如阻止表单提交,阻止链接跳转。
W3C的方法是event.preventDefault()
IE的方法是event.returnValue=false;
兼容性写法
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue=false;
}
a1.onclick=function(event){ var ev=event||window.event; if(ev.preventDefault){ console.log(ev.preventDefault); ev.preventDefault(); }else{ console.log(ev.returnValue); ev.returnValue=false; } } 2.阻止事件冒泡 由于事件冒泡会触发绑定在父标签上的同类型事件,会给我们的开发带来很多麻烦, 所以我们需要取消事件冒泡。 标准浏览器和ie浏览器 w3c的方法是event.stopPropagation() IE则是使用event.cancelBubble = true 兼容写法 if(event && event.stopPropagation){ event.stopPropagation(); // w3c 标准 }else{ event.cancelBubble = true; // ie 678 ie浏览器 } d2.onclick=function(event){ var event=event||window.event; if(event.stopPropagation){ console.log(event.stopPropagation); event.stopPropagation(); // w3c 标准 }else{ console.log(event); event.cancelBubble = true; // ie 678 ie浏览器 } console.log("我是小div"); }