阻止預設行為

2021-10-01 04:22:40 字數 508 閱讀 4078

html中一些標籤有預設行為,例如a標籤被單擊後,缺省會進行頁面跳轉。

阻止預設行為的方法
e.

preventdefault

()

e.returnvalue =

false

;

阻止預設行為的相容性問題

例項應用:

""

/a>

// 2. 阻止預設行為 讓鏈結不跳轉

var a = document.

queryselector

('a');

a.addeventlistener

('click'

,function

(e))

;// 3. 傳統的註冊方式

a.onclick

=function

(e)<

/script>

阻止預設行為

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

JS阻止預設行為

如果事件可取消,則取消該事件,而不停止事件的進一步傳播。語法 event.preventdefault 案例 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title event.preventdefault title 6h...

阻止事件冒泡和預設行為

在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次的最頂層,即do...