移動端相容性問題

2022-08-11 17:30:26 字數 762 閱讀 1040

產生原因:pc端的點選事件在移動端也有效果,但是在移動端使用點選事件會有300毫秒的延遲,如果有兩個元素是重疊的,點選之後上面那個元素消失了就會出現點透事件,如果下面元素有點選事件,就會被觸發,因為執行過程:手指按下之後,會先執行touch事件,然後記錄點選的座標,300ms之後,在該座標上查詢元素,如果該元素繫結了點選事件,就把事件執行了

解決方法:

document.addeventlistener('touchstart', function(e) );

/*init:

*/(function(),

change: function(e),

end: function(e)

});})();

function gesture(init)

});

el.addeventlistener('touchmove', function(e)

});

el.addeventlistener('touchend', function(e)

isgesture = false;

});

}

function getdis(point,point2)

function getdeg(point,point2)

移動端相容性問題

1 定位問題 ios 2 寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳 3 防止手機中網頁放大和縮小 4 設定web應用是否以全屏模式執行 content的預設值是no 5 自動識別 號碼 telephone no可以禁用這功能,預設值是no 6 禁止複製 選中文字 e...

常見移動端相容性問題

文章 1.ios移動端click事件300ms的延遲相應 移動裝置上的web網頁是有300ms延遲的,往往會造成按鈕點選延遲甚至是點選失效。這是由於區分單機事件和雙擊螢幕縮放的歷史原因造成的。解決方式 fastclick可以解決在手機上點選事件的300ms延遲 zepto的touch模組,tap事件...

移動端相容性問題 持續更新

解決ios滑動不是很流暢 webkit overflow scrolling touch 滑動容器上加上該css 解決ios input框預設有一層灰色漸變 解決安卓和ios長安頁面會複製文字 moz user select none webkit user select none 把時間 2020...