2015-10-20 26 views
0

您好我要尋找一個clickon /「抽頭」 /「touchstart」工作/「點擊」clickon /「抽頭」 /「touchstart」 /「點擊」事件上的所有設備和瀏覽器

這一工程上所有設備,

其中一些在Android上工作,然後一些在IOS上工作,但有一個是爲所有人工作?

的我得到了3種不同的功能,包括什麼,我認爲是大多數人的那一刻,

$('.tel').on('tap',function(event) {} 
$('.tel').on('touchstart' ,function(event) {} 
$('.tel').on('click' ,function(event) {} 

是那裏可以爲所有的工作?這已經過適當的測試?

+0

'touchstart'和'tap'不是相同。它可以與'mousedown'和'click'進行比較。無論如何,如果你想在一行中做到這一點,你可以簡單地鍵入''('。tel')。on('tap touchstart click',function(event){});'。此外,還有一些圖書館可以幫助移動設備。我個人使用了一個叫做[quojs]的小型圖書館(https://github.com/soyjavi/quojs)。 – kosmos

+0

非常感謝你的圖書館,我會看看那個,看看我能從中獲得什麼 –

回答

0

很酷的事情是,你可以使用所有3在一槍!

$('.tel').on('tap touchstart click',function(event) {} 

另一種選擇是檢測事情開始之前需要監聽的事件類型。

var CLICK = (navigator.userAgent.match(/ios|android|ipad/i) ? 'touchstart' : 'click') 

如果用戶代理相匹配的移動UA,如果是你的聽衆分配點擊touchstartclick

這將檢查:

$('.tel').on(CLICK,function(event) {} 
+0

我目前正在研究的頁面已經關閉。但我相信我試過這個,當我做了這個功能的時候,跑了兩次'tap'和'click'。但我會再看一遍,以確保我不會誤讀任何人閱讀這個 –

+0

你應該能夠逃脫touchstart和實際點擊與水龍頭。我相信這已經過時了。或者看到我更新的答案爲另一個解決方案 –

相關問題