全面阻止事件預設行為後a標籤的跳轉

href

="">
>
href
="">
>
href
="">
>
href
="">
>

/* 全面禁止預設事件，真機是無法跳轉的 */

document.
addeventlistener
('touchstart'
,function
(ev)
)

使用bom中的location屬性，使用步驟如下

獲取所有的a標籤

遍歷為a繫結事件

呼叫location進行跳轉

防誤觸處理

// 獲取所有的a標籤

const anodes = document.
queryselectorall
('a'
)for
(let i =
0; i < anodes.length; i++))
}

for

(var i=
0;ianodes[i]
.addeventlistener
("touchmove"
,function()
) anodes[i]
.addeventlistener
("touchend"
,function()
})}

阻止事件冒泡 和 阻止事件預設行為

1.event.stoppropagation 方法 這是阻止事件的冒泡方法，不讓事件向documen上蔓延，但是預設事件任然會執行，當你掉用這個方法的時候，如果點選乙個連線，這個連線仍然會被開啟，2.event.preventdefault 方法 這是阻止預設事件的方法，呼叫此方法是，連線不會被開...

阻止預設行為

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

阻止預設行為

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