觸摸屏設(shè)備事件

1.方向事件

< body onorientationchange = "rotateDisplay();" >

window.orientation可以判斷設(shè)備的方向

ipad: 90 或 -90 橫屏
ipad: 0 或180 豎屏
Andriod:0 或180 橫屏
Andriod: 90 或 -90 豎屏

function orient(){
    if (window.orientation == 90 || window.orientation == -90){
        //ipad珠插、iphone豎屏会前;Andriod橫屏
        $("body").attr("class", "landscape");
        orientation = 'landscape';
        return false;
    }else if (window.orientation == 0 || window.orientation == 180){
        //ipad镜会、iphone橫屏;Andriod豎屏
        $("body").attr("class", "portrait");
        orientation = 'portrait';
        return false;
    }
}
//頁(yè)面加載時(shí)調(diào)用
$(function (){
    orient();
});
//用戶變化屏幕方向時(shí)調(diào)用
$(window).bind('orientationchange', function (e){
    orient();
});

2.手勢(shì)事件
gesturestart:當(dāng)一個(gè)手指已經(jīng)按在屏幕上义屏,而另一個(gè)手指又觸摸在屏幕時(shí)觸發(fā)。
gesturechange:當(dāng)觸摸屏幕的任何一個(gè)手指的位置發(fā)生變化時(shí)觸發(fā)沽翔。
gestureend:當(dāng)任何一個(gè)手指從屏幕上面移開時(shí)觸發(fā)锄俄。
【注意】只有兩個(gè)手指都觸摸到事件的接收容器時(shí)才觸發(fā)這些手勢(shì)事件。

3.觸摸事件
該類事件會(huì)在用戶手指放在屏幕上面時(shí)冰肴,在屏幕上滑動(dòng)時(shí)屈藐,或從屏幕上移開時(shí)觸發(fā)榔组。具體來說有以下幾個(gè)觸摸事件。
touchstart:當(dāng)手指放在屏幕上觸發(fā)联逻。
touchmove:當(dāng)手指在屏幕上滑動(dòng)時(shí)搓扯,連續(xù)地觸發(fā)。
touchend:當(dāng)手指從屏幕上離開時(shí)觸發(fā)包归。
touchcancel:當(dāng)系統(tǒng)停止跟蹤時(shí)觸發(fā)锨推,系統(tǒng)什么時(shí)候取消,文檔沒有明確的說明箫踩。
【總】以上四個(gè)爱态,是w3c提供的觸摸事件,只針對(duì)觸摸設(shè)備境钟,最常用的是前三個(gè)锦担。
由于觸摸會(huì)導(dǎo)致屏幕動(dòng)來動(dòng)去,所以可以在這些事件的事件處理函數(shù)內(nèi)使用event.preventDefault()慨削,來阻止屏幕的默認(rèn)滾動(dòng)洞渔。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市缚态,隨后出現(xiàn)的幾起案子磁椒,更是在濱河造成了極大的恐慌,老刑警劉巖玫芦,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件浆熔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡桥帆,警方通過查閱死者的電腦和手機(jī)医增,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來老虫,“玉大人叶骨,你說我怎么就攤上這事∑沓祝” “怎么了忽刽?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)夺欲。 經(jīng)常有香客問我跪帝,道長(zhǎng),這世上最難降的妖魔是什么些阅? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任伞剑,我火速辦了婚禮,結(jié)果婚禮上扑眉,老公的妹妹穿的比我還像新娘纸泄。我一直安慰自己赖钞,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布聘裁。 她就那樣靜靜地躺著雪营,像睡著了一般。 火紅的嫁衣襯著肌膚如雪衡便。 梳的紋絲不亂的頭發(fā)上献起,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音镣陕,去河邊找鬼谴餐。 笑死,一個(gè)胖子當(dāng)著我的面吹牛呆抑,可吹牛的內(nèi)容都是我干的岂嗓。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼鹊碍,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼厌殉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起侈咕,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤公罕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后耀销,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體楼眷,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年熊尉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了罐柳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡帽揪,死狀恐怖硝清,靈堂內(nèi)的尸體忽然破棺而出辅斟,到底是詐尸還是另有隱情转晰,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布士飒,位于F島的核電站查邢,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏酵幕。R本人自食惡果不足惜扰藕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望芳撒。 院中可真熱鬧邓深,春花似錦未桥、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至萌壳,卻和暖如春亦镶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背袱瓮。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工缤骨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人尺借。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓绊起,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親燎斩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子勒庄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

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

  • 13.1 事件流 “DOM2級(jí)事件”規(guī)定事件流包括3個(gè)階段:事件捕獲階段实蔽,處于目標(biāo)階段,事件冒泡階段谨读。事件捕獲表示...
    Elevens_regret閱讀 422評(píng)論 0 0
  • 事件流 IE和Netscape開發(fā)團(tuán)隊(duì)提出了完全相反的兩種事件流的概念局装,事件冒泡流和事件捕獲流。 事件冒泡 事件由...
    exialym閱讀 935評(píng)論 0 9
  • 好奇觸摸事件是如何從屏幕轉(zhuǎn)移到APP內(nèi)的劳殖?困惑于Cell怎么突然不能點(diǎn)擊了铐尚?糾結(jié)于如何實(shí)現(xiàn)這個(gè)奇葩響應(yīng)需求?亦或是...
    Lotheve閱讀 57,082評(píng)論 51 599
  • 在iOS開發(fā)中經(jīng)常會(huì)涉及到觸摸事件哆姻。本想自己總結(jié)一下宣增,但是遇到了這篇文章,感覺總結(jié)的已經(jīng)很到位矛缨,特此轉(zhuǎn)載爹脾。作者:L...
    WQ_UESTC閱讀 6,010評(píng)論 4 26
  • 她說 如果是真的 真的讓你有什么感觸 也未必這樣 一定會(huì)試著去做 任何時(shí)候都不敢做的事 保持原則 時(shí)常帶點(diǎn)驚喜回來...
    曹林杰閱讀 184評(píng)論 0 0