国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

調(diào)試手記：iOS Safari 瀏覽器觸摸事件 targetTouches 屬性被瀏覽器重用

big_cat / 762人閱讀

摘要：?jiǎn)栴}描述將第三方觸控庫(kù)刪掉使用原生事件后發(fā)現(xiàn)一個(gè)，具體表現(xiàn)為在中響應(yīng)失效。經(jīng)研究發(fā)現(xiàn)，在多次發(fā)出事件期間，重用了這個(gè)對(duì)象和里面對(duì)象，導(dǎo)致緩存被改動(dòng)，無(wú)法正確記錄歷史數(shù)據(jù)。

問(wèn)題描述

將第三方觸控庫(kù)刪掉使用原生事件后發(fā)現(xiàn)一個(gè) bug，具體表現(xiàn)為在 iOS Safari 中 touch 響應(yīng)失效。

調(diào)試結(jié)果

使用 Chrome 驗(yàn)證功能正常，打 log 發(fā)現(xiàn)業(yè)務(wù)代碼中緩存了 targetTouches 屬性，但是下一次 touchmove 事件到來(lái)時(shí)緩存的 targetTouches 被改變了，clientX 和 clientY 變?yōu)樾轮担瑢?dǎo)致無(wú)法正確計(jì)算手指滑動(dòng)距離。經(jīng)研究發(fā)現(xiàn)，Safari 在多次發(fā)出 touch 事件期間，重用了 event.targetTouches 這個(gè) touchList 對(duì)象和里面 Touch 對(duì)象，導(dǎo)致緩存被改動(dòng)，無(wú)法正確記錄歷史數(shù)據(jù)。

修正方案

不緩存 targetTouches 屬性，而是將關(guān)心的數(shù)據(jù)復(fù)制下來(lái)，演示代碼如下：

this.lastTouches_ = map(evt.targetTouches, function(el) {
    return {
        clientX: el.clientX,
        clientY: el.clientY,
    };
});

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/80630.html

相關(guān)文章

  • 移動(dòng)端 Touch 事件的使用與思考（1）

    摘要：在中與值是相等的，在微信中兩個(gè)數(shù)值不等，但單位應(yīng)該也不一樣。測(cè)試過(guò)程中及微信內(nèi)置瀏覽器都不支持這些屬性，模擬器可以。也是一個(gè)對(duì)象，對(duì)于事件這個(gè)對(duì)象列出在此次事件中新增加的觸點(diǎn)。 本文主要介紹 TouchEvent 相關(guān)的一些對(duì)象與屬性如 Touch, TouchList, touhces, targetTouches 等，以及使用的注意點(diǎn)和誤區(qū)。 觸摸事件有以下幾種類型：touchst...

    elva 評(píng)論0 收藏0

  • 移動(dòng)前端知識(shí)總結(jié)

    摘要：基礎(chǔ)知識(shí)頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼忽略平臺(tái)中對(duì)郵箱地址的識(shí)別當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式，可隱藏地址欄，僅針對(duì)的版本以后，上已看不到效果將網(wǎng)站添加到主屏幕快 meta基礎(chǔ)知識(shí)H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面 忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別 當(dāng)網(wǎng)站添加到主屏幕快...

    MartinDai 評(píng)論0 收藏0

  • 移動(dòng)前端知識(shí)總結(jié)

    摘要：基礎(chǔ)知識(shí)頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼忽略平臺(tái)中對(duì)郵箱地址的識(shí)別當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式，可隱藏地址欄，僅針對(duì)的版本以后，上已看不到效果將網(wǎng)站添加到主屏幕快 meta基礎(chǔ)知識(shí)H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁(yè)面 忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別 當(dāng)網(wǎng)站添加到主屏幕快...

    mengera88 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<