摘要:手持上事件的響應(yīng)速度遠(yuǎn)遠(yuǎn)不如。但是僅僅寫事件很不方便端開發(fā)測(cè)試,所以下邊的判斷很有必要。另外用起來(lái)就很方便啦事件還有一種寫法
手持上click事件的響應(yīng)速度遠(yuǎn)遠(yuǎn)不如touchstart。但是僅僅寫touch事件很不方便web端開發(fā)測(cè)試,所以下邊的判斷很有必要。
var isSupportTouch = "ontouchend" in document ? true : false, touchEv = isSupportTouch ? "touchstart" : "mousedown", touchEndEv = isSupportTouch ? "touchend" : "mouseup";
另外:
var isSupportTouch = "ontouchend" in document ? true : false, touchEv = isSupportTouch ? "touchstart" : "click";
用起來(lái)就很方便啦
$obj.on(touchEv,function(){ 事件 });
還有一種寫法:
isTouch = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/);, eStart = isTouch ? "touchstart" : "mousedown", eMove = isTouch ? "touchmove" : "mousemove", eEnd = isTouch ? "touchend" : "mouseup";
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/85474.html
摘要:如何讓我們所開發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn),就是這篇文章的主旨移動(dòng)開發(fā)問題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說明,我引用葉小釵大神博客里面的一張圖片,如下在手機(jī)上,的延遲將近。 1.前言 到目前為止,互聯(lián)網(wǎng)行業(yè)里,手機(jī)越來(lái)越智能化,移動(dòng)端占有的比例越來(lái)越高,尤其實(shí)在電商,新聞,廣告,游戲領(lǐng)域。用戶要求越來(lái)越高,網(wǎng)站功能越來(lái)越好,效果越來(lái)越炫酷,這就要求我們產(chǎn)品質(zhì)量越來(lái)越高,web前端開...
摘要:如何讓我們所開發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn),就是這篇文章的主旨移動(dòng)開發(fā)問題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說明,我引用葉小釵大神博客里面的一張圖片,如下在手機(jī)上,的延遲將近。 1.前言 到目前為止,互聯(lián)網(wǎng)行業(yè)里,手機(jī)越來(lái)越智能化,移動(dòng)端占有的比例越來(lái)越高,尤其實(shí)在電商,新聞,廣告,游戲領(lǐng)域。用戶要求越來(lái)越高,網(wǎng)站功能越來(lái)越好,效果越來(lái)越炫酷,這就要求我們產(chǎn)品質(zhì)量越來(lái)越高,web前端開...
摘要:傳統(tǒng)的事件監(jiān)聽方式通常使用對(duì)元素添加事件監(jiān)聽,比如很自然的,用戶在使用組件時(shí)也會(huì)想到這種用法,試圖直接在上添加監(jiān)聽,結(jié)果出現(xiàn)問題,正確的寫法應(yīng)該是這樣組件的交互事件設(shè)計(jì)思路這樣設(shè)計(jì)的目的,是保持模型與視圖的分離,在組件中對(duì)象是,,則是,原則 傳統(tǒng)的HTML事件監(jiān)聽方式 通常使用on***對(duì)HTML元素添加事件監(jiān)聽,比如 button.onclick = function(evt){...
摘要:指針事件給用戶代理帶來(lái)靈活性,給一個(gè)事件系統(tǒng)提供豐富的輸入機(jī)制。就像蘋果和谷歌現(xiàn)在就沒有打算來(lái)實(shí)現(xiàn)指針事件。谷歌的這個(gè)決定并不是他們最終的決定,但是目前在指針事件上沒有活躍的工作。 原文地址:http://tw93.github.io/2015-03-30/Browser-input-Events.html 響應(yīng)用戶的輸入可以說是我們做界面開發(fā)的核心。為了構(gòu)建可響應(yīng)的Web產(chǎn)...
摘要:手機(jī)型號(hào)圖標(biāo)大小分辨率大小豎屏豎屏豎屏豎屏添加智能廣告條,頂部會(huì)自動(dòng)彈出一條關(guān)于應(yīng)用下載的廣告條,下載地址就是你設(shè)置的文檔參考 字符編碼 兩種寫法等效,推薦寫第一種 語(yǔ)言設(shè)置 簡(jiǎn)體中文 繁體中文 不是寫lang=zh-CN 瀏覽器內(nèi)核控制 設(shè)置IE的優(yōu)先版本為edge,若不存在則選擇當(dāng)前最高版本,含有谷歌內(nèi)核的會(huì)選擇谷歌,如果設(shè)置多條的話只有第一條生效 針對(duì)多內(nèi)核瀏覽器設(shè)置優(yōu)...
閱讀 1470·2019-08-30 15:55
閱讀 1172·2019-08-30 15:52
閱讀 1282·2019-08-29 13:53
閱讀 1465·2019-08-29 11:19
閱讀 2964·2019-08-26 13:29
閱讀 527·2019-08-26 11:33
閱讀 2587·2019-08-23 17:20
閱讀 1022·2019-08-23 14:14