js中的event.preventDefault()和event.stopPropagation()用法及兼容

本文主要是介绍js中的event.preventDefault()和event.stopPropagation()用法及兼容，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

event.preventDefault()的作用是阻止一些默认的行为，比如点击链接不会跳到对应的地址；

var link = document.getElementById('myLink');
link.onclick = function(event){event.preventDefault();
}

event.stopPropagation()的作用是阻止事件冒泡；

var btn = document.getElementById('myBtn');
document.onclick = function(){alert(1);
}
btn.onclick = function(event){event.stopPropagation();
}

这样当点击btn时，绑定在document的事件不会被触发，因为btn的事件冒泡机制被组织了。

兼容IE

if (event.stopPropagation){  event.stopPropagation();  
}else{  event.cancelBubble=true;  
}  if (event.preventDefault){  event.preventDefault();  
}else{  event.returnValue=false;  
}  

这篇关于js中的event.preventDefault()和event.stopPropagation()用法及兼容的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---