简单解析JavaScript的默认事件及如何阻止默认事件
上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。
1.什么是默认事件
顾名思义,默认事件就是默认执行的事件,比如 a标签,点击a标签,页面会自动跳转。如图:
在这里插入图片描述
HTML代码:
<formaction=""><inputtype="submit"id="submit"><inputtype="image"src="../../CSS/0421/car.jpg"alt=""id="image"></form><ahref="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浏览器 } }