jQuery-mobile事件监听与用法详解(jquery mobile实例)

编辑：rootadmin

推荐整理分享jQuery-mobile事件监听与用法详解(jquery mobile实例)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery的事件处理有哪些,jquery mobile实例,jqueryon事件,jquery中的事件,jquerymobile案例,jquery事件处理函数,jqueryon事件,jquery的事件处理有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了jQuery-mobile事件监听与用法。分享给大家供大家参考，具体如下：

触摸事件 - 当用户触摸屏幕时触发（敲击和滑动）滚动事件 - 当上下滚动时触发方向事件 - 当设备垂直或水平旋转时触发页面事件 - 当页面被显示、隐藏、创建、加载以及/或卸载时触发

一、初始化事件

1. ready 事件页面加载完成

2. 页面加载完成事件二 pageinit

3.事件格式

二、触摸事件

tap 事件在用户敲击某个元素时触发taphold 事件在用户敲击某个元素并保持一秒时被触发swipe 事件在用户在某个元素上水平滑动超过 px 时被触发swipeleft 事件在用户在某个元素上从左滑动超过 px 时被触发swiperight 事件在用户在某个元素上从右滑动超过 px 时被触发

三、滚动事件

scrollstart 事件在用户开始滚动页面时被触发（iOS 设备会在滚动事件发生时冻结 DOM 操作）scrollstop 事件在用户停止滚动页面时被触发

四、方向（横竖屏转动）

orientationchange 事件在用户垂直或水平旋转移动设备时被触发

可以通过window.orientation 来检测横屏竖屏

五、页面事件

Page Initialization - 在页面创建前，当页面创建时，以及在页面初始化之后Page Load/Unload - 当外部页面加载时、卸载时或遭遇失败时Page Transition - 在页面过渡之前和之后Page Change - 当页面被更改，或遭遇失败时

【初始化事件】

pagebeforecreate 当页面即将初始化，并且在 jQuery Mobile 已开始增强页面之前，触发该事件。pagecreate 当页面已创建，但增强完成之前，触发该事件。pageinit 当页面已初始化，并且在 jQuery Mobile 已完成页面增强之后，触发该事件。

【加载事件】

pagebeforeload 在任何页面加载请求作出之前触发。pageload 在页面已成功加载并插入 DOM 后触发。pageloadfailed 如果页面加载请求失败，则触发该事件。默认地，将显示 "Error Loading Page" 消息。

【过渡事件】

pagebeforeshow 在“去的”页面触发，在过渡动画开始前。pageshow 在“去的”页面触发，在过渡动画完成后。pagebeforehide 在“来的”页面触发，在过渡动画开始前。pagehide 在“来的”页面触发，在过渡动画完成后。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法 jQueryCannotreadproperty‘msie'ofundefined错误的解决方法最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误Cannotreadproperty'msie'ofundefined上jQuery网站

基于Bootstrap和jQuery构建前端分页工具实例代码前言为啥名字叫【前端分页工具】？因为我实在想不到什么好名字，如果想要更加贴切的理解这个工具，应该从业务来看业务是这样的，有一个数据从

jQuery Dialog 打开时自动聚焦的解决方法(两种方法) 下面给大家介绍两种方法解决jQueryDialog打开时自动聚焦问题。具体实现方法大家可以参考下本文。方法一：p1_dialog_seniorSearch.dialog({title:"高级查询",autoOpe

标签: jquery mobile实例

本文链接地址:https://www.jiuchutong.com/biancheng/377854.html 转载请保留说明！

上一篇：jquery-mobile表单的创建方法详解(jquery 报表)

下一篇：jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法(jquery.handleerror)