JS 取消默认事件?应用场景?
- 常用浏览器
e.preventDefault
- IE 浏览器则是使用
window.event.returnValue = false
function stopDefault(e){
if(e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false;
}
return false;
};
应用场景
链接<a>
的默认动作就是跳转到指定页面,下面就以它为例,阻止它的跳转:
//HTML假定有链接
;<a href="http://caibaojian.com/" id="testA">
caibaojian.com
</a>
//JS
var a = document.getElementById('testA')
a.onclick = function (e) {
if (e.preventDefault) {
e.preventDefault()
} else {
window.event.returnValue == false
}
}