手機裝置上touchstart與click的區別
1.基本定義
- touchstart 手指觸碰開始就能觸發
- click
1.手指觸碰
2.手指未在螢幕上移動
3.在這個dom上手指離開螢幕
4.觸控和離開螢幕之間的時間間隔較短
因此,click事件有其獨特的地方,不能完全用touchstart替代。
2.click延時問題
因為手機瀏覽器上,兩次輕觸是放大操作,在第一次被輕觸後,瀏覽器需要先等一段時間,檢測是否有第二次連續觸碰,才會觸發click時間,click時間通常會延遲300ms左右。
解決方法:在touchstart和touchend時記錄時間和手指位置,在touchend時進行比較,如果手指為同一位置且時間很短,且期間未觸發touchmove時間,則可以認為觸發click時間,即為tap事件
作者:星月西
連結:https://www.jianshu.com/p/ab1f57016f1b
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。
相關推薦
手機裝置上touchstart與click的區別
1.基本定義 touchstart 手指觸碰開始就能觸發 click 1.手指觸碰 2.手指未在螢幕上移動 3.在這個dom上手指離開螢幕 4.觸控和離開螢幕之間的時間間隔較短 因此,click事件有其獨特的地方,不能完全用touchstart替代。 2.c
css 手機裝置上的畫素適配
原文連結:github文章地址 曾幾何時為了相容IE低版本瀏覽器而頭痛,以為到Mobile時代可以跟這些麻煩說拜拜。可沒想到到了移動時代,為了處理各終端的適配而亂了手腳。對於混跡各社群的偶,時常發現大家拿手機淘寶的H5頁面做討論——手淘的H5頁面是如何實現多終端的適配? 那麼趁此
IOS 判斷手機裝置上是否安裝某款應用
判斷裝置是否安裝app,根據Bundle Identifier(下面程式碼中的appCode),如下方法: NSString *customURL = [NSString stringWithFormat:@"%@://",appCode]; if ([[UIApp
javaScript中的onclick與jquery中的click區別
mce 上下 要點 let 怎樣 報錯 ron n) 屬性 來來來,先看一個例子: html部分,定義幾個按鈕 <div class="carousel-btn"> <button class="btn"></button>
android 手機通過usb資料線與OTG裝置通訊
1.首先在AndroidManifest.xml檔案中新增所需要的許可權 <uses-feature android:name="android.hardware.usb.host" /> <uses-permission android:name="an
C#工業物聯網和整合系統解決方案的技術路線(資料來源、資料採集、資料上傳與接收、ActiveMQ、Mongodb、WebApi、手機App)
目 錄 工業物聯網和整合系統解決方案的技術路線... 1 前言... 1 第一章 系統架構... 3 1.1 硬體構架圖... 3 1.2 元件構架圖... 4 第二章 技術選型與介紹... 5 2.1
手機上文字與圖片重疊
如圖,元寶和左邊的‘(’重疊了,查程式碼發現,這裡是用( )中間加了很多空格的一個label, 然後再把圖片拉到括號的位置實現的。當螢幕較大時,表現正常,不會重疊,但是螢幕較小時, 就會出現如圖所示重疊問題。10和括號左邊重疊了 原因是不
移動,聯通,電信三家4G手機技術上有什麼區別,TD-LTE和FDD-LTE的區別
TD-LTE和FDD-LTE都是分時長期演進技術,但是TD-LTE是TDD版本的長期演進技術,被稱為時分雙工技術,而FDD-LTE也是長期演進技術,不同的是,FDD-LTE採用的是分頻模式。類似網路課程中的時分複用技術和頻分複用技術。 (adsbygoogle = window.ad
如何解決 touchstart 事件與 click 事件的衝突
一 · 業務場景的描述 在對已完成的PC站點進行移動端適配時,我們想要站點在移動裝置上有更快的響應速度,以帶給使用者更好的體驗,此時,我們應該使用移動裝置專用的事件系統,例如,使用 touchstart 事件代替 click 事件。 為什麼這樣效果會更好呢?根據
物聯卡與手機SIM卡的幾大區別!
我們每個人都有一臺手機,每臺手機都要插入SIM卡才能使用,有些雙卡雙待的手機如三星或華為系列的手機還支援雙卡雙待。對於SIM卡,我們非常熟悉,換了新手機第一件事情就是把原來的SIM卡插入到手機裡面去。SIM卡就是我們現在手機中身份卡,我們打電話、發簡訊,上網等都
android 手機與藍芽裝置之間連線與通訊,附DEMO下載地址
下載地址為文章最後面。。。 該文章主要用於手機藍芽App介面的操作和通訊,儲存到本地的通訊後資料txt文字檔案 1.主要包括介面 2.AndroidManifest.xml需要用到的許可權 <uses-permission and
(Android Studio)Android 手機裝置與HC05 藍芽裝置的通訊(成功案例+原始碼)
程式碼我忘了在哪找的,只記得是把別人網上的程式碼稍微整理了一下,之後再加上自己的一些東西就成功了,對,反正就是成功了。很感謝我的一個哥們幫我組建了微控制器和藍芽裝置硬體方面的東西,伺服器那邊也是他寫的,灰常感謝...在上次的部落格中寫的手機裝置向藍芽裝置中傳送訊息,
on('click')與.click()事件的區別
$(selector).on('click',function(){ });支援動態繫結元素,即頁面上元素有新增或變化後仍可繫結,前提是selector須是目標繫結元素的父元素,如繫結body裡的動態li元素:$('body).on('click','ul li',func
android獲取連線到手機熱點上的裝置的資訊
最近開發一個專案,遇到一個問題,在手機開啟熱點的情況下,想要獲取是哪個裝置已經連線上了android手機開啟的熱點。 經過google,baidu ,最終沒有找到答案。 最後想起在國外論壇下載了一個AP Demo,看了看原始碼,最終找到了可解決問題的方法。 如下:
【php】文件的上傳與下載
下載 類型 臨時文件 沒有 ipa pic 文件數量 上傳與下載 文件夾 一、 生活中常見的地方: a) 例如郵箱、空間、文庫、百度雲、微愛等地方,都可以看到文件的上傳和下載的應用,因此,上傳和下載的功能非常重要!二、 PHP當中的文件上傳和下載 a) 我們需要進行一些
大屏時代的生態變遷,看平板手機的拇指熱鍵與界面布局
觸屏 界面設計 引言:曾幾何時,無數大大小小的觸屏設備仿佛泄閘的洪水一般湧入這個世界。面對突如其來的生態變遷,界面設計師們別無選擇,只有在急流當中奮力學習遊泳,才能讓自己不至於被洪潮所吞沒。本文帶你了解如何面向平板手機的拇指熱鍵與界面布局,為這種轉變提供助力。 本文選自《觸類旁通:多終端時代的觸屏界面
HAProxy與Nginx區別
時間 請求 也會 維護 異常 會有 訪問 haproxy 失敗 1)HAProxy對於後端服務器一直在做健康檢測(就算請求沒過來的時候也會做健康檢查):後端機器故障發生在請求還沒到來的時候,haproxy會將這臺故障機切掉,但如果後端機器故障發生在請求到達期間,那麽前端訪問
《屏幕上的聰明決策》:4星。人類在手機/電腦上做選擇的心理學研究的綜述。不流暢的文本有助於理解和記憶,淘汰賽制可以有效降低選擇後懊悔。
遊戲 發現 其他 在屏幕上 尋找 核磁共振 應該 家庭 蛋糕 本書是人類在手機/電腦上做選擇的心理學研究的綜述,比較可信,有許多有趣的事實與結論。比較重要的結論有這麽幾個:1:人類對網站、文章的判斷很大程度上以來瞬間感知和審美;2:不流暢的文本有助於理解和記憶;3:可選
CentOS6.3上安裝與配置nginx+php+mysql環境
需要 目前 htm evel mem dev gin ins comm 1. 目前nginx采用是源碼包安裝的方式(yum安裝失敗),下載地址:http://nginx.org/en/download.html 我這裏的安裝包是:nginx-1.12.0.tar.gz
axis2與cxf區別
開源社區 -s 實現 部署 廣泛 asi -a ice 喜歡 1.CXF支持 WS-Addressing,WS-Policy, WS-RM, WS-Security和WS-I Basic Profile。Axis2不支持WS-Policy,但是承諾在下面的版本支持。 2.