jQuery Mobile触摸事件

举报
上传头像 发表于 2021/04/21 10:45:48 2021/04/21
【摘要】 触摸事件在用户触摸屏幕（页面）时触发。触摸事件同样可应用与桌面电脑上：点击或者滑动鼠标！jQuery Mobile 点击点击事件在用户点击元素时触发。如下实例：当点击 <p> 元素时，隐藏当前的 <p> 元素：实例$("p").on("tap",function(){  $(this).hide();});尝试一下 »jQuery Mobile 点击不放（长按）点击不放（长按） 事件在点击并...

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

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


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("向右滑动!");
});
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
jQuery jQuery UI
  • 点赞
  • 收藏
  • 关注作者

评论（0）

0/1000
抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认 取消

加入云驻计划，成为创作者

  • 华为云周边好礼
  • 免费体验产品
  • 特殊身份标识
  • 线下官方门票
  • 内部专家零距离
  • 与10000+优质创作者共同成长
立即加入