jQuery移动事件监控和使用详解

本文介绍了jQuery移动事件的监听和使用:

触摸事件-当用户触摸屏幕时触发(敲击和滑动)

滚动事件-在上下滚动时触发

当设备垂直或水平旋转时触发方向事件。

页面事件——在显示、隐藏、创建、加载和/或卸载页面时触发。

首先,初始化事件

1。就绪事件页面加载完成


$(文档)Ready(函数(){)
您的代码在这里…
});




2。页面加载完成事件两pageinit


$(document),('pageinit ',' #设计,功能()){
您的代码在这里…
});




三.活动形式


$(元),('event,函数(){
这里的代码…
})




两。触摸事件

当用户敲击元素时触发事件。

的taphold事件被触发,当用户敲一元,持有二

刷卡事件被触发时,用户30px水平下跌超过一元

的swipeleft事件被触发时,用户把超过某元素的左30px

的swiperight事件被触发时,用户下跌超过右边的某一个元素30px

三。滚动事件

的scrollstart事件被触发时,用户开始滚动页面

(当滚动事件发生时,IOS设备冻结DOM操作)

的scrollstop事件被触发,当用户停止滚动页面

四,方向(屏幕旋转)

的orientationchange事件被触发,当用户旋转移动装置垂直或水平

对横屏竖屏可以检测到window.orientation


$(窗口),(orientationchange
如果(window.orientation = = 0) / /肖像
{
$(p)。Css(背景颜色):黄色
}
否则 /风景
{
$(p)。Css(背景颜色):粉红
}
});




五、页面事件

页面初始化——创建页面、创建页面以及初始化页面之后

加载、卸载或遇到故障时加载外部页面

页转换-页转换前后

页面更改-当页面被更改或失败时

{初始化事件}

pagebeforecreate触发事件时,网页将被初始化并在jQuery Mobile已经开始提高页面。

pagecreate当页面被创建,但在增强后,触发事件。

Pageinit触发事件在页初始化后的jQuery移动已完成页面的增强。


$(document),(pagebeforecreate




{加载事件}

Pagebeforeload是在任何页面加载请求时触发。

Pageload是在该页面触发已成功加载并插入到DOM。

pageloadfailed触发事件如果网页加载请求失败。默认情况下,错误加载页面的信息会显示。


$(document),(pageload




{转换事件}

Pagebeforeshow是在网页上已经触发,过渡动画开始之前。

Pageshow是在网页上已经触发,转型后的动画就完成了。

在接下来的页面pagebeforehide触发,过渡动画开始之前。

pagehide在输入页面触发,转型后的动画就完成了。


$(document),(pagebeforeshow




更多有关jQuery相关内容的感兴趣的读者可以查看主题:jQuery常用用法摘要

希望本文能对jQuery程序设计有所帮助。