JS阻止預設行為

如果事件可取消，則取消該事件，而不停止事件的進一步傳播。

語法

event.preventdefault();

案例

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>event.preventdefault()
title
>
6head
>
7<
body
>
8<
p>核取方塊控制項
p>
9<
form
>
10<
label 
for="id-checkbox"
>checkbox
label
>
11<
input 
type
="checkbox"
id="id-checkbox"
name
="checkbox"
/>
12form
>
13<
script
>
14document.queryselector(
"#id-checkbox
").addeventlistener(
"click", 
function
(event),0)
19}, 
false
);20
script
>
21body
>
22html
>

備註

在事件觸發後的任何階段呼叫preventdefault方法來取消該事件,意味著該事件的所有預設動作都不會發生.preventdefault方法不會阻止該事件的進一步冒泡. event.stoppropagation方法才有這樣的功能.

阻止預設行為

有時，你會遇到一些情況，你希望事件不執行它的預設行為。最常見的例子是web表單，例如自定義登錄檔單。當你填寫詳細資訊並按提交按鈕時，自然行為是將資料提交到伺服器上的指定頁面進行處理，並將瀏覽器重定向到某種 成功訊息 頁面 或 相同的頁面，如果另乙個沒有指定。當使用者沒有正確提交資料時，麻煩就來了 作...

阻止預設行為

html中一些標籤有預設行為，例如a標籤被單擊後，缺省會進行頁面跳轉。阻止預設行為的方法e.preventdefault e.returnvalue false 阻止預設行為的相容性問題 例項應用 a 2.阻止預設行為 讓鏈結不跳轉 var a document.queryselector a a....

JS瀏覽器的預設行為及阻止行為

一 瀏覽器的預設行為以及阻止行為 一 右鍵選單事件 oncontextmenu 阻止 return false 阻止 標準瀏覽器 event.preventdefault ie8及以下 event.returnvalue false 相容 event.preventdefault event.pre...