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事件处理

}

});