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