jQuery Mobile 基础事件

1. 页面初始化事件：pageinit

<script>

$(document).on("pageinit", "#pageId", function () {

// jQuery事件处理

});

</script>

2. touch事件：用户触摸屏幕时触发

tap －用户敲击某个元素时触发　

$("p").on("tap", function () {

$(this).hide();

}); 

taphold －用户敲击某个元素并保持一秒时触发（即按住不动）

$("p").on("taphold", function () {

// jQuery事件处理

}); 

swipe －用户在某个元素上水平滑动超过30px时触发

$("p").on("swipe", function () {

// jQuery事件处理

}); 

swipeleft －用户在某个元素上从左滑动超过30px时触发

$("p").on("swipeleft", function () {

// jQuery事件处理

}); 

swiperight －用户在某个元素上从右滑动超过30px时触发

$("p").on("swiperight", function () {

// jQuery事件处理

}); 

3. 滚动事件：包括滚动开始和滚动结束

scrollstart－用户开始滚动页面时触发

$("document").on("scrollstart", function () {

// jQuery事件处理

}); 

scrollstop－用户停止滚动页面时触发

$("document").on("scrollstop", function () {

// jQuery事件处理

}); 

4. 方向更改事件：用户垂直或水平旋转移动设备时触发

orientationchange

$("window").on("orientationchange", function () {

// jQuery事件处理

}); 

callback函数可以设置一个参数－event对象

$("window").on("orientationchange", function (event) {

alert("方向是：" + event.orientation);

}); 

window.orientation可区分portrait ,landscape

$("window").on("orientationchange", function () {

if (window.orientation == 0 )  //portrait 

{

// jQuery事件处理

}else   //landscape

{

// jQuery事件处理

}

});