簡單解析JavaScript的默認事件及如何阻止默認事件

簡單解析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/