JS趴趴往上走-Event.preventDefault()

Event.preventDefault()

上次提到了Event.stopPropagation()，它是能阻止事件傳遞，Event.preventDefault()則是能取消「默認事件」
Event.preventDefault():可以取消該元素的預設行為，但不會影響事件的傳遞

我們使用a來舉例子

 
 <a href="https://tw.yahoo.com/">連結到yahoo!</a>

上面範例以正常來說，點擊後會跳轉到yahoo頁面
這時若當你不想要a再去連結網頁時，就可加入Event.preventDefault()使它取消默認事件

See the Pen
e.preventDefault() by yanennn (@yennnnn)
on CodePen.

尤其是我們在某些時候，會使用a觸發事件，即使我們使用href="#"，也是會觸發它的默認事件，這時就可以使用Event.preventDefault()取消預設行為
而且不止a連結,也有其他元素也是會有預設事件，例如:表單的submit..等


雖說可以取消行為，但是不會影響事件傳遞，假如說以上面範例來說，你在div也有綁定事件，當你點擊a也是會被觸發哦

See the Pen
e.preventDefault()還是會傳遞事件 by yanennn (@yennnnn)
on CodePen.