>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25995 个阅读者 刷新本主题
 * 贴子主题:  jQuery Mobile 触摸事件 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-11 13:22:39     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery Mobile  触摸事件

    触摸事件在用户触摸屏幕(页面)时触发。

点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 触摸事件同样可应用与桌面电脑上: 点击或者滑动鼠标!
            

jQuery Mobile 点击

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

      如下范例:当点击 <p> 元素时,隐藏当前的 <p> 元素:            

范例

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

jQuery Mobile 点击不放(长按)

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

范例

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

jQuery Mobile 滑动

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

范例

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

jQuery Mobile 向左滑动

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

范例

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

jQuery Mobile 向右滑动

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

范例

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

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-29 10:20:19 重新编辑]
  Java面向对象编程-->输入与输出(上)
  JavaWeb开发-->JSP中使用JavaBean(Ⅱ)
  JSP与Hibernate开发-->Java应用分层架构及软件模型
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->
  Vue3开发-->Vue组件开发高级技术
  在Typescript脚本中使用axios
  HTML5中的 Web Worker的使用
  vue中axios异步调用接口的坑
  BootStrap, React, Vue的比较
  把99%的程序员烤得外焦里嫩的JavaScript面试题
  Vue路由传递参数详细说明
  前端图片压缩库images-quickly-compress
  Vue. 入门篇
  HTML表单元素的用法
  CSS3 多列布局
  HTML支持的多媒体(Media)
  HTML5 内联 SVG
  JavaScript prototype(原型对象)
  JavaScript 闭包
  JavaScript 正则表达式
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。