简单解析JavaScript的默认事件及如何阻止默认事件

   日期:2020-06-05     浏览:130    评论:0    
核心提示:简单解析JavaScript的默认事件及如何阻止默认事件上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。1.什么是默认事件顾名思义,默认事件就是默认执行的事件,比如a标签,点击a标签,页面会自动跳转。如图:HTML代码:

简单解析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/

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
更多>相关资讯中心
0相关评论

新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服