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)洞渔。