雷林鹏分享:jQuery Mobile 事件

  jQuery Mobile 事件参考手册

  以下列表为所有的 jQuery Mobile 事件。

  注意:请使用 on() 方法绑定事件。

  事件描述

  hashchange启用可标记 #hash 历史,哈希值会在一次独立的点击时发生时变化,比如一个用户点击后退按钮,会通过 hashchange事件进行处理。

  navigate 包裹了 hashchange 和 popstate 的事件

  orientationchange方向改变事件,在用户垂直或者水平旋转移动设备时触发。

  pagebeforechange在页面切换之前,触发的事件。使用$.mobile.changePage()来切换页面,此方法触发2个事件,切换之前的pagebeforechange事件,和切换完成后pagechange(成功)或者pagechangefailed(失败)。

  pagebeforecreate页面初始化时,初始化之前触发。

  pagebeforehide在页面切换后旧页面隐藏之前,触发的事件。

  pagebeforeload在加载请求发出之前触发

  pagebeforeshow在页面切换后显示之前,触发的事件。

  pagechange在页面切换成功后,触发的事件。使用$.mobile.changePage()来切换页面,此方法触发2个事件,切换之前的pagebeforechange事件,和切换完成后pagechange(成功)或者pagechangefailed(失败)。

  pagechangefailed在页面切换失败时,触发的事件。使用$.mobile.changePage()来切换页面,此方法触发2个事件,切换之前的pagebeforechange事件,和切换完成后pagechange(成功)或者pagechangefailed(失败)。

  pagecreate在页面创建成功之后,触发的事件,但增强完成之前。

  pagehide在页面切换后老页面隐藏之后,触发的事件。

  pageinit在页面页面初始化时,触发的事件。

  pageload在页面完全加载成功后触发。

  pageloadfailed如果页面请求失败触发。

  pageremove在窗口视图从 DOM 中移除外部页面之前触发。

  pageshow在过渡动画完成后,在"到达"页面触发。

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

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

  swipe当用户在元素上水平滑动时触发。

  swipeleft当用户从左划过元素超过 30px 时触发。

  swiperight当用户从右划过元素超过 30px 时触发。

  tap当用户敲击某元素时触发。

  taphold当元素敲击某元素并保持一秒时触发。

  throttledresize启用可标记 #hash 历史记录

  updatelayout由动态显示/隐藏内容的 jQuery Mobile 组件触发。

  vclick虚拟化的 click 事件处理器

  vmousecancel虚拟化的 mousecancel 事件处理器

  vmousedown虚拟化的 mousedown 事件处理器

  vmousemove虚拟化的 mousemove 事件处理器

  vmouseout虚拟化的 mouseout 事件处理器

  vmouseover虚拟化的 mouseover 事件处理器

  vmouseup虚拟化的 mouseup 事件处理器

  本文转载自:w3cschool

  (编辑:雷林鹏 来源:网络 侵删)

原文地址:https://www.cnblogs.com/pengpeng1208/p/10894838.html

时间: 2024-11-11 23:46:44

雷林鹏分享:jQuery Mobile 事件的相关文章

雷林鹏分享jQuery EasyUI 布局 - 在面板中创建复杂布局

面板(Panel)允许您创建用于多种用途的自定义布局.在本实例中,我们使用面板(panel)和布局(layout)插件来创建一个 msn 消息框. 我们在区域面板中使用多个布局(layout).在消息框的顶部我们放置一个查询输入框,同时在右边放置一个人物图片.在中间的区域我们通过设置 split 属性为 true,把这部分切割为两部分,允许用户改变区域面板的尺寸大小. 以下就是所有代码: Search: Hi,I am easyui. 我们不需要写任何的 javascript 代码,它自己有非常

雷林鹏分享jQuery EasyUI 数据网格 - 动态改变列

数据网格(DataGrid)列可以使用 'columns' 属性简单地定义.如果您想动态地改变列,那根本没有问题.为了改变列,您可以重新调用datagrid 方法,并传递一个新的 columns 属性. 创建数据网格(DataGrid) url="data/datagrid_data.json" singleSelect="true" iconCls="icon-save"> $('#tt').datagrid({ columns:[[ {

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得

雷林鹏分享:jQuery Mobile 图标

jQuery 图标 在 jQuery Mobile 中,如需为按钮添加图标,请使用 data-icon 属性: Refresh Page 提示:在或 元素中,您也可以使用 data-icon 属性. 下面我们列出了 jQuery Mobile 提供的所有可用图标: 属性值描述图标实例 data-icon="arrow-l"左箭头尝试一下 data-icon="arrow-r"右箭头尝试一下 data-icon="arrow-u"上箭头尝试一下 d

雷林鹏分享:jQuery EasyUI 数据网格 - 列运算

jQuery EasyUI 数据网格 - 列运算 在本教程中,您将学习如何在可编辑的数据网格(datagrid)中包含一个运算的列.一个运算列通常包含一些从一个或多个其他列运算的值. 首先,创建一个可编辑的数据网格(datagrid).这里我们创建了一些可编辑列,'listprice'.'amount' 和 'unitcost' 列定义为 numberbox 编辑类型.运算列是 'unitcost' 字段,将是 listprice 乘以 amount 列的结果. title="Editable

雷林鹏分享:jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用

当切换数据网格视图(datagrid view)到 'detailview',用户可以展开一行来显示一些行的明细在行下面.这个功能允许您为防止在明细行面板(panel)中的编辑表单(form)提供一些合适的布局(layout).在本教程中,我们使用数据网格(datagrid)组件来减小编辑表单(form)所占据空间. 步骤 1:在 HTML 标签中定义数据网格(DataGrid) url="get_users.php" toolbar="#toolbar" fitC

雷林鹏分享:jQuery EasyUI 扩展

jQuery EasyUI 扩展 Portal(制作图表.列表.球形图等) 数据网格视图(DataGrid View) 可编辑的数据网格(Editable DataGrid) 可编辑的树(Editable Tree) 数据网格行过滤(DataGrid Filter Row) 数据网格行拖放(Drag and Drop Rows in DataGrid) 树形网格行拖放(Drag and Drop Rows in TreeGrid) 主题(Themes) DWR 加载器(DWR Loader) R

雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框

jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务器. 在本教程中,我们将要创建一个注册表单,带有 name.address.city 字段.city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree panel),并选择一个特定的城市. 创建表单(Form) title="Register" butto

雷林鹏分享:jQuery EasyUI 窗口 - 窗口与布局

jQuery EasyUI 窗口 - 窗口与布局 Layout 组件可以内嵌在窗口(window)中.我们可以创建一个复杂的布局窗口,甚至不需要写任何的 js 代码.jquery-easyui 框架帮我们在后台做渲染和调整尺寸. 作为一个实例,我们创建一个窗口(window),它包含两个部分,一个放置在左边一个放置在右边.在窗口(window)的左边我们创建一个树形菜单(tree),在窗口(window)的右边我们创建一个 tabs 容器. Library easyui Music Pictur