資訊專欄INFORMATION COLUMN
摘要：先上錯(cuò)誤信息一個(gè)簡(jiǎn)單的頁面只有這么段報(bào)的一個(gè)好錯(cuò)誤，真是日了狗了，一直這么寫的代碼，什么情況原來，是新版，給這個(gè)返回了，不再是清除瀏覽器默認(rèn)行為了。
先上錯(cuò)誤信息：
Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/...
一個(gè)簡(jiǎn)單的頁面只有這么段js
document.addEventListener("touchstart", function(event) {
event.preventDefault();
}, false);
報(bào)的一個(gè)好錯(cuò)誤，真是日了狗了，一直這么寫的代碼，什么情況？
原來，是新版chrome，給這個(gè)preventDefault返回了naive，不再是清除瀏覽器默認(rèn)行為了。
那這怎么搞？
現(xiàn)在mdn上搜索一番：
event.cancelable 瀏覽器默認(rèn)行為是否可以被禁用
event.defaultPrevented 瀏覽器默認(rèn)行為是否已經(jīng)被禁用
好像mdn上的event.preventDefault()方法還沒更新到最新
那這就可以解決問題了，如果event.cancelable=false，是什么意思？不讓開發(fā)者主動(dòng)去禁用么？
但是event.defaultPrevented也是false，這個(gè)又怎么說？明明是沒有清除默認(rèn)行為，卻又禁止清除默認(rèn)行為！！！
好吧，我是一個(gè)渺小的開發(fā)者，我只能該自己的代碼：
document.addEventListener("touchstart", function(event) {
// 判斷默認(rèn)行為是否可以被禁用
if (event.cancelable) {
// 判斷默認(rèn)行為是否已經(jīng)被禁用
if (!event.defaultPrevented) {
event.preventDefault();
}
}
}, false);
本人資歷尚淺，無法給各大社區(qū)提這個(gè)小意見
不過，這樣一來，好像不用我們?cè)谑謩?dòng)清除默認(rèn)行為了
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/91141.html
摘要：這是因?yàn)榘姹疽院螅黾恿诵碌氖录东@機(jī)制就是告訴前頁面內(nèi)的事件監(jiān)聽器內(nèi)部是否會(huì)調(diào)用函數(shù)來阻止事件的默認(rèn)行為，以便瀏覽器根據(jù)這個(gè)信息更好地做出決策來優(yōu)化頁面性能。 Passive Event Listeners - 被動(dòng)事件監(jiān)聽器 在寫webapp頁面的時(shí)候，Chrome 提醒 [Violation] Added non-passive event listener to a scro...
摘要：一前言瀏覽器在移動(dòng)端有一個(gè)默認(rèn)觸摸滾動(dòng)的效果，讓我們感觸最深的莫過于微信瀏覽器里面，下拉時(shí)自帶橡皮筋的效果。二解釋微信在端和端使用的不是同樣的瀏覽器內(nèi)核版微信瀏覽器瀏覽器內(nèi)核相當(dāng)于使用的版微信瀏覽器相當(dāng)于使用的所以下面分別使用和來分析。 在升級(jí)到 ios11.3 系統(tǒng)后，發(fā)現(xiàn)之前阻止頁面滾動(dòng)的代碼e.preventDefault代碼失效了。于是自己折騰了一番，找到了解決辦法，分享給大家...
摘要：當(dāng)一個(gè)按鈕沒有名字時(shí)，屏幕閱讀器會(huì)宣布按鈕。雖然每個(gè)元素的目的對(duì)于有視覺的用戶來說可能是顯而易見的，但對(duì)于依靠屏幕閱讀器的用戶來說并非如此。屏幕閱讀器使視覺障礙的用戶能夠通過將文本內(nèi)容轉(zhuǎn)換為可以使用的表格如合成語音或盲文來使用您的網(wǎng)站。 Lighthouse是一個(gè)Google開源的自動(dòng)化工具，主要用于改進(jìn)網(wǎng)絡(luò)應(yīng)用（移動(dòng)端）的質(zhì)量。目前測(cè)試項(xiàng)包括頁面性能、PWA、可訪問性（無障礙）、最佳...
閱讀 2667·2021-11-23 09:51
閱讀 3255·2021-11-22 14:44
閱讀 4589·2021-11-22 09:34
閱讀 5135·2021-10-08 10:14
閱讀 2459·2021-09-22 15:47
閱讀 3519·2021-09-22 15:40
閱讀 1520·2019-08-30 15:44
閱讀 1630·2019-08-28 18:23
