移動(dòng)端觸摸事件

移動(dòng)端觸摸事件添加方式值能用 addEventListeber(),方式綁定

移動(dòng)觸摸事件有4個(gè):

1趋急、touchstart? ? 觸摸事件開(kāi)始

? ? 觸摸事件會(huì)產(chǎn)生一個(gè)事件對(duì)象touchEvent

? ? 獲取觸摸手指?jìng)€(gè)數(shù):e.targetTouches.length

觸摸對(duì)象事件下e.targetTouches[0]里面存儲(chǔ)開(kāi)始觸摸事件對(duì)象的信息:

pageX:觸摸目標(biāo)在頁(yè)面中X軸的坐標(biāo)

pageY:觸摸目標(biāo)在頁(yè)面中Y軸的坐標(biāo)

screenX:觸摸目標(biāo)相對(duì)屏幕中X軸的坐標(biāo)

screenY:觸摸目標(biāo)相對(duì)屏幕中Y軸的坐標(biāo)

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

clientY:觸摸目標(biāo)在視口中的Y軸的坐標(biāo)

target:觸摸的dom節(jié)點(diǎn)目標(biāo)

identifier:標(biāo)示觸摸的id值

2着憨、touchmove

? ? 觸摸中

3、touchend

? ? 觸摸結(jié)束

觸摸結(jié)束事件中最大的坑就是役电,沒(méi)有e.targetTouches的數(shù)據(jù)為空

想要獲取最后觸摸的一個(gè)點(diǎn)的坐標(biāo)凶异,用e.changedTouches[0].pageX

4、touchcancel

觸摸事件取消


請(qǐng)解釋移動(dòng)端點(diǎn)擊延遲現(xiàn)象看铆?

有些瀏覽器可能會(huì)有300ms延遲顯像徽鼎,由于移動(dòng)端瀏覽器具有雙擊放大效果,所以在點(diǎn)擊第一次之后300ms內(nèi)不做不做反應(yīng)弹惦,而是等待第二次點(diǎn)擊否淤,如果在300ms內(nèi)點(diǎn)擊了則進(jìn)行放大效果,如果沒(méi)有點(diǎn)擊肤频,則進(jìn)行單擊事件叹括,如果不希望出現(xiàn)這種現(xiàn)象,則不要用click事件宵荒,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末汁雷,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子报咳,更是在濱河造成了極大的恐慌侠讯,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,331評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件暑刃,死亡現(xiàn)場(chǎng)離奇詭異厢漩,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)岩臣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,372評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門(mén)溜嗜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人架谎,你說(shuō)我怎么就攤上這事炸宵。” “怎么了谷扣?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,755評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵土全,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我会涎,道長(zhǎng)裹匙,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,528評(píng)論 1 296
  • 正文 為了忘掉前任末秃,我火速辦了婚禮概页,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蛔溃。我一直安慰自己绰沥,他們只是感情好篱蝇,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,526評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著徽曲,像睡著了一般零截。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上秃臣,一...
    開(kāi)封第一講書(shū)人閱讀 52,166評(píng)論 1 308
  • 那天涧衙,我揣著相機(jī)與錄音,去河邊找鬼奥此。 笑死弧哎,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的稚虎。 我是一名探鬼主播撤嫩,決...
    沈念sama閱讀 40,768評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蠢终!你這毒婦竟也來(lái)了序攘?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,664評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤寻拂,失蹤者是張志新(化名)和其女友劉穎程奠,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體祭钉,經(jīng)...
    沈念sama閱讀 46,205評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瞄沙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,290評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了慌核。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片距境。...
    茶點(diǎn)故事閱讀 40,435評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖垮卓,靈堂內(nèi)的尸體忽然破棺而出肮疗,到底是詐尸還是另有隱情,我是刑警寧澤扒接,帶...
    沈念sama閱讀 36,126評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站们衙,受9級(jí)特大地震影響钾怔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蒙挑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,804評(píng)論 3 333
  • 文/蒙蒙 一宗侦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧忆蚀,春花似錦矾利、人聲如沸姑裂。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,276評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)舶斧。三九已至,卻和暖如春察皇,著一層夾襖步出監(jiān)牢的瞬間茴厉,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工什荣, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矾缓,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,818評(píng)論 3 376
  • 正文 我出身青樓稻爬,卻偏偏與公主長(zhǎng)得像嗜闻,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子桅锄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,442評(píng)論 2 359

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

  • 一:理解click的300ms的延遲響應(yīng)Click事件在移動(dòng)手機(jī)開(kāi)發(fā)中有300ms的延遲琉雳,因?yàn)樵谑謾C(jī)早期,瀏覽器系...
    2dcc2b155e1e閱讀 132評(píng)論 0 1
  • 觸摸事件: 三種在規(guī)范中列出并獲得跨移動(dòng)設(shè)備廣泛實(shí)現(xiàn)的基本觸摸事件: 1.touchstart:手指放在一個(gè)DOM...
    晨光2016閱讀 23,992評(píng)論 0 13
  • 我不是為你而來(lái) 是為自己 你以為的一往情深 也只是南柯一夢(mèng) 我不是為你而來(lái) 是為自己 我只能做好自己 不虛幻夢(mèng)中 ...
    槿柔伊閱讀 250評(píng)論 0 2
  • 明天就要進(jìn)行考試了,今天才發(fā)現(xiàn)書(shū)還有很多沒(méi)有看完商佑,沒(méi)辦法只能熬夜看锯茄!終于看完了!還記得上個(gè)月前報(bào)名考試的時(shí)候信心滿...
    PTT演講閱讀 382評(píng)論 0 5
  • 常言道茶没,有的人活著肌幽,他卻死了,有的人死了抓半,他依然活著喂急。人們對(duì)于活著的定義各不相同,轟轟烈烈笛求,平平淡淡廊移,活出自我...
    Celia歡閱讀 323評(píng)論 0 0