移動(dòng)端常見的觸摸相關(guān)事件

Touch觸摸事件 阻止默認(rèn)事件preventDefault();

touchstart:手指觸摸到屏幕會(huì)觸發(fā)

touchmove:手指在屏幕上移動(dòng)時(shí)搂根,會(huì)觸發(fā)

touchend:當(dāng)手指離開屏幕時(shí)匆浙,會(huì)觸發(fā)

touchcancel:可由系統(tǒng)進(jìn)行的觸發(fā)卷哩,比如手指觸摸屏幕的時(shí)候见咒,突然alert了一下衷模,或者系統(tǒng)中其他打斷了touch的行為,則可以觸發(fā)事件

用于跟蹤觸摸的屬性:

touches:表示當(dāng)前跟蹤的觸摸操作的touch對象的數(shù)組芯砸。

targetTouches:特定于事件目標(biāo)的Touch對象的數(shù)組

changeTouches:表示自上次觸摸以來發(fā)生了什么改變的Touch對象的數(shù)組给梅。

每個(gè)Touch對象包含的屬性如下假丧。

clientX:觸摸目標(biāo)在視口中的x坐標(biāo)。

clientY:觸摸目標(biāo)在視口中的y坐標(biāo)动羽。

identifier:標(biāo)識(shí)觸摸的唯一ID包帚。

pageX:觸摸目標(biāo)在頁面中的x坐標(biāo)。

pageY:觸摸目標(biāo)在頁面中的y坐標(biāo)运吓。

screenX:觸摸目標(biāo)在屏幕中的x坐標(biāo)渴邦。

screenY:觸摸目標(biāo)在屏幕中的y坐標(biāo)。

target:觸目的DOM節(jié)點(diǎn)目標(biāo)拘哨。

tap觸碰事件

一般用于代替click事件

tap:手指碰一下屏幕會(huì)觸發(fā)

longTap:手指長按屏幕會(huì)觸發(fā)

singleTop:手指碰一下屏幕會(huì)觸發(fā)

doubleTop:手指雙擊屏幕會(huì)觸發(fā)

Swipe滑動(dòng)事件

swipe:手指在屏幕上滑動(dòng)時(shí)會(huì)觸發(fā)

swipeLeft:手指在屏幕上向左滑動(dòng)時(shí)會(huì)觸發(fā)

swipeRight:手指在屏幕上向右滑動(dòng)時(shí)會(huì)觸發(fā)

swipeUp:手指在屏幕上向上滑動(dòng)時(shí)會(huì)觸發(fā)

swipeDown:手指在屏幕上向下滑動(dòng)時(shí)會(huì)觸發(fā)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末谋梭,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子倦青,更是在濱河造成了極大的恐慌瓮床,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件产镐,死亡現(xiàn)場離奇詭異隘庄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)癣亚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門丑掺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人述雾,你說我怎么就攤上這事街州∨罨恚” “怎么了?”我有些...
    開封第一講書人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵菇肃,是天一觀的道長地粪。 經(jīng)常有香客問我,道長琐谤,這世上最難降的妖魔是什么蟆技? 我笑而不...
    開封第一講書人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮斗忌,結(jié)果婚禮上质礼,老公的妹妹穿的比我還像新娘。我一直安慰自己织阳,他們只是感情好眶蕉,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著唧躲,像睡著了一般造挽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弄痹,一...
    開封第一講書人閱讀 49,985評(píng)論 1 291
  • 那天饭入,我揣著相機(jī)與錄音,去河邊找鬼肛真。 笑死谐丢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蚓让。 我是一名探鬼主播乾忱,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼历极!你這毒婦竟也來了窄瘟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬榮一對情侶失蹤执解,失蹤者是張志新(化名)和其女友劉穎寞肖,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體衰腌,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡新蟆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年呼猪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了扣泊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琉朽。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡灾螃,死狀恐怖立美,靈堂內(nèi)的尸體忽然破棺而出越锈,到底是詐尸還是另有隱情仅淑,我是刑警寧澤晕拆,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站嘀掸,受9級(jí)特大地震影響紫岩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜睬塌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一泉蝌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧揩晴,春花似錦勋陪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至劫映,卻和暖如春违孝,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背苏研。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來泰國打工等浊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人摹蘑。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像轧飞,于是被迫代替她去往敵國和親衅鹿。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • 在iOS開發(fā)中經(jīng)常會(huì)涉及到觸摸事件过咬。本想自己總結(jié)一下大渤,但是遇到了這篇文章,感覺總結(jié)的已經(jīng)很到位掸绞,特此轉(zhuǎn)載泵三。作者:L...
    WQ_UESTC閱讀 5,996評(píng)論 4 26
  • 好奇觸摸事件是如何從屏幕轉(zhuǎn)移到APP內(nèi)的?困惑于Cell怎么突然不能點(diǎn)擊了衔掸?糾結(jié)于如何實(shí)現(xiàn)這個(gè)奇葩響應(yīng)需求烫幕?亦或是...
    Lotheve閱讀 56,864評(píng)論 51 598
  • 原文鏈接:http://www.cnblogs.com/imwtr/p/5882166.html 前端的很多事件在...
    一現(xiàn)_閱讀 929評(píng)論 0 1
  • 13.1 事件流 “DOM2級(jí)事件”規(guī)定事件流包括3個(gè)階段:事件捕獲階段弛饭,處于目標(biāo)階段,事件冒泡階段萍歉。事件捕獲表示...
    Elevens_regret閱讀 416評(píng)論 0 0
  • 類(Class): 用來描述具有相同的屬性和方法的對象的集合侣颂。它定義了該集合中每個(gè)對象所共有的屬性和方法。對象是類...
    TianAff閱讀 419評(píng)論 1 0