jQuery Mobile 教程

1. jQuery Mobile 教程 2. jQuery Mobile 简介 3. jQuery Mobile 安装 4. jQuery Mobile 页面 5. jQuery Mobile 过渡 6. jQuery Mobile 按钮 7. jQuery Mobile 按钮图标 8. jQuery Mobile 工具栏 9. jQuery Mobile 导航栏 10. jQuery Mobile 可折叠块 11. jQuery Mobile 网格 12. jQuery Mobile 列表视图 13. jQuery Mobile 列表内容 14. jQuery Mobile 表单 15. jQuery Mobile 表单输入 16. jQuery Mobile 表单选择 17. jQuery Mobile 表单滑动条 18. jQuery Mobile 主题 19. jQuery Mobile 事件 20. jQuery Mobile 触摸事件 21. jQuery Mobile 滚屏事件 22. jQuery Mobile 方向改变事件 23. jQuery Mobile 实例 24. jQuery Mobile Data 属性 25. jQuery Mobile 图标 26. jQuery Mobile页面事件 27. jQuery Mobile CSS 类

jQuery Mobile 触摸事件

上一篇 : jQuery Mobile 教程下一篇 : jQuery Mobile 滚屏事件

jQuery Mobile 触摸事件

触摸事件在用户触摸屏幕（页面）时触发。

	触摸事件同样可应用与桌面电脑上：点击或者滑动鼠标！

jQuery Mobile 点击

点击事件在用户点击元素时触发。

如下实例：当点击 <p> 元素时，隐藏当前的 <p> 元素：

实例

$("p").on("tap",function(){
$(this).hide();
});

55面试教程网 »

jQuery Mobile 点击不放（长按）

点击不放（长按）事件在点击并不放（大约一秒）后触发

实例

$("p").on("taphold",function(){
$(this).hide();
});

55面试教程网 »

jQuery Mobile 滑动

滑动事件是在用户一秒内水平拖拽大于30PX，或者纵向拖曳小于20px的事件发生时触发的事件：

实例

$("p").on("swipe",function(){
$("span").text("滑动检测!");
});

55面试教程网 »

jQuery Mobile 向左滑动

向左滑动事件在用户向左拖动元素大于30px时触发：

实例

$("p").on("swipeleft",function(){
alert("向左滑动!");
});

55面试教程网 »

jQuery Mobile 向右滑动

向右滑动事件在用户向右拖动元素大于30px时触发：

实例

$("p").on("swiperight",function(){
alert("向右滑动!");
});

55面试教程网 »

精选推荐

神笔写作—国内先进的AI写作平台，涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能，助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。