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程序设计有所帮助。