简单解析JavaScript的默认事件及如何阻止默认事件
上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。
1.什么是默认事件
顾名思义,默认事件就是默认执行的事件,比如 a标签,点击a标签,页面会自动跳转。如图:
HTML代码:
<form action="">
<input type="submit" id="submit">
<input type="image" src="../../CSS/0421/car.jpg" alt="" id="image">
</form>
<a href="http://www.baidu.com" id="anchor">这是一个锚链接</a>
2.如何阻止默认事件
// 默认事件 阻止默认事件
var oSubmit=document.getElementById("submit");
var oImg=document.getElementById("image");
var oAnchor=document.getElementById("anchor");
oSubmit.onclick=function(ev){
var ev=ev||window.event;
if(ev&&ev.preventDefault){//除ie外的浏览器
ev.preventDefault();
}else{
return false;//ie浏览器
}
}
oAnchor.onclick=function(ev){
var ev=ev||window.event;
if(ev&&ev.preventDefault){//除ie外的浏览器
ev.preventDefault();
}else{
return false;//ie浏览器
}
}
视频讲解链接:
https://www.bilibili.com/video/BV1wZ4y1H7mM/