位置: 编程技术 - 正文

jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介(jquery点击移动div)

编辑:rootadmin

推荐整理分享jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介(jquery点击移动div),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery怎么实现页面跳转,jquery点击移动div,jquery动态页面,jquery实现移动端,jquery移动节点的方法,jquery移动div,jquery实现移动端,jquery实现移动端,内容如对您有帮助,希望把文章链接给更多的朋友!

触摸事件(touch)在 jQuery Mobile 中有一些触摸事件是可定制的。然而,这些事件仅当与支持触摸功能的设备进行交互的用户访问您的 jQuery Mobile 网站时才可用。当这些事件可用时,您可以触发任何自定义java script 作为对五种不同的事件的响应tap、taphold、swipe、swipeleft 和 swiperight。

tap(轻击):一次快速完整的轻击后触发

taphold(轻击不放):轻击并不放(大约一秒)后触发

swipe(滑动):一秒内水平拖拽大于PX,或者纵向拖曳小于px的事件发生时触发的事件。多长时间拖拽多少px可以设置的。这个事件有其相关联的属性,分别为

scrollSupressionThreshold (默认: px) ? 水平方向拖拽大于这个值,将不触发。durationThreshold (默认: ms) ? 滑动时间超过这个数值就不会产生滑动事件。horizontalDistanceThreshold (默认: px) ? 水平划动距离超过这个数值才会产生滑动事件。verticalDistanceThreshold (默认: px) ? 竖直划动距离小于这个数值才会产生滑动事件。swipeleft(左划):划动事件为向左的方向时触发

swiperight(右划):划动事件为向右的方向时触发

要绑定这些事件,只需要在document.ready()中进行编程即可,如下代码示例:

jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介(jquery点击移动div)

从上面的代码可以看到,将一个list列表跟taphold事件进行了绑定,当DOM加载完毕后,当触发taphold事件后,就会显示Tapped and held的提示信息。

虚拟鼠标事件我们提供了一系列"虚拟的"鼠标事件试图把鼠标和触摸事件抽象 出来。这使得开发者能够给一些基础的鼠标事件,例如mousedown, mousemove, mouseup, 和click来注册监听。插件会在触摸环境中,插件会保持在传统鼠标环境下触发的顺序,例如:vmouseup总是在vmousedown之前被触发,vmousedown总是在 vmouseup 之前,等等。虚拟鼠标事件也会把书剑中放出的坐标信 息标准化。所以在基于触摸的设备中事件对象的pageX, pageY, screenX, screenY, clientX, and clientY这些属性的坐标都可以用。

vmouseover:处理touch 或者 mouseover的正规化的事件

vmousedown:处理touchstart 或者 mousedown 的正规化的事件

vmousemove:处理touchmove 或者 mousemove 的正规化的事件

vmouseup:处理touchend 或者 mouseup 的正规化的事件

vclick:处理touchend 或者 鼠标点击 的正规化的事件。在基于触摸的设备上,这个事件是在vmouseup事件之后触发的。

vmousecancel:处理touch 或者 mouse 的mousecancel的正规化的事件

警告:小心使用vclick小心在触摸设备使用vclick。Webkit内核的浏览器会在touchend事 件触发后ms自己生成mousedown, mouseup,和click 3个事件。 这些生成的鼠标事件的目标会在他们触发的时候被计算出来,并且 是基于touch事件的位置,并且有些情况下会在不同的设备上甚至 相同设备的不同OS会导致不同的计算结果。这就意味着原始的点击 事件的目标语浏览器自己生成的鼠标事件的目标元素可能不是同一个。我们建议在触摸后可能会改变你点击的点下面内容的事件中,使用 click而不是vclick方法。这样的事件包括页面转场和其他的一些行为比如 收缩/伸展 这样 的 可能会导致屏幕有变化或者内容完全被替换的事件。

取消一个元素默认点击的行为应用会调用一个 vclick 事件来取消某个元素的默认点击事件。在 基于鼠标的设备上,对vclick事件调用preventDefault()方法等同 于对真实点击的时间冒泡阶段调用 preventDefault() 方法。在基 于触摸的设备上就有点复杂了,因为真实的点击事件会在vclick 事件触发毫秒之后触发。对于触摸设备,对vclick事件调用 preventDefault()方法会一些vmouse插件的一些代码来试图捕获下 一个点击事件。所以根据上述的警告,要匹配一个触摸事件和与他 对应的鼠标事件就比较困难,因为他们的目标是不同的。所以 vmouse插件试图通过坐标来识别一个相符的点击事件通常会失败。有些情况下两个事件的目标和坐标的识别都会失败,这样就会导致 点击事件被触发或者元素的默认动作会被执行,或者内容被改变或 者替换的情况下,触发了别的元素的点击事件。如果这样的bug在给定的元素上有规律的发生,我们建议对于动作使 用click来驱动触发。

jQuery+jsp下拉框联动获取本地数据的方法(附源码) 本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法。分享给大家供大家参考,具体如下:JQuery下拉框联动很好的体现了Ajax的按需取数据的要求,减

JQuery移动页面开发之屏幕方向改变与滚屏的实现 方向改变事件(orientationchange)当设备的方向变化(设备横向持或纵向持)此事件被触发。绑定此事件时,你的回调函数可以加入第二个参数,作用为描述

jQuery移动web开发中的页面初始化与加载事件 页面初始化事件(pagebeforecreate、pagecreate)JqueryMobile会自动基于page"内的增强的约定自动初始化一些插件。例如:给一个input输入框约定了type=range属性会自

标签: jquery点击移动div

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

上一篇:详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题(页面滚动到底部)

下一篇:jQuery+jsp下拉框联动获取本地数据的方法(附源码)(jsp下拉框跳转到相应页面)

  • 公司代扣代缴个人所得税如何退税
  • 避税岛是什么
  • 小规模纳税人的企业所得税税率
  • 主营业务收入净额在利润表里怎么看
  • 工程施工与工程结算在资产负债表里
  • 网上申报中月平均工资怎么计算
  • 成品油认证步骤
  • 维修费开发票选择什么税收分类编码
  • 企业所得税完税凭证在哪里打印
  • 火车票抵扣进项税怎么计算
  • 小规模未达起征点销售额是多少
  • 公司老板个人卡收款 出纳有责任吗
  • 本月无销项只有进项申报表如何填写
  • 没有申报增值税不能领发票吗
  • 税控盘开票显示操作未授权
  • 花椒油的税率
  • 建筑企业使用民工的税务风险你清楚吗?
  • 毛利润率的计算公式举例
  • 出口佣金会计分录
  • 印花税计提和缴纳凭证
  • 房地产经常发生的法律问题
  • 现金净流量正常值
  • 一般纳税人减免的增值税怎么记账
  • 个人租赁汽车给公司怎么开发票
  • 投资活动净现金流为负说明什么
  • 发票金额与实际付款金额不一致
  • 其他应收款计提坏账比例
  • 电脑硬件检修
  • 网络公司的财务主要做什么
  • linux从入门到什么搞笑
  • 一次摊销法优缺点
  • PHP:pg_get_notify()的用法_PostgreSQL函数
  • 增值税专用发票几个点
  • hiddenalbum是什么文件夹
  • PHP:imagesetpixel()的用法_GD库图像处理函数
  • 简述金融会计的主要职能
  • 固定资产抵债债权人账务处理
  • 广告宣传费的税收筹划
  • 材料入库款项未付会计分录
  • 一次还本分次付息的国债会计分录
  • 加计扣除的增值税,城建税怎么算
  • thinkphp curl
  • 验证码php代码
  • 罚款是否需要开证明
  • 什么情况下可以提取公积金
  • 生产车间领用材料的会计分录
  • <四>2:掌握Const 与一二级指针结合应用
  • mongodb基本操作
  • 其他业务收入与营业外收入
  • 模具费收入计入什么科目
  • 企业办理税务注销需要什么资料
  • 现金流量表怎么填写
  • 定额发票验旧日期怎么算
  • 固定资产折旧加计扣除最新政策
  • 专款专用需要缴税吗
  • 金税盘 申报
  • 积分换购怎么做账
  • 营业成本年末怎么结转
  • 未确认融资费用计算公式
  • 按预测范围不同划分为以下几类
  • 进项发票已认证未抵扣分录
  • 其他业务收入在资产负债表哪里体现
  • 残保金计算人数1.02怎么计算
  • 委托设置什么意思
  • xp能不能升级win10
  • 优麒麟 apk
  • 24个方法
  • win 7系统无法删除系统文件
  • 电脑window8系统怎么样
  • 刻录ghost安装光盘
  • Linux如何开启防火墙
  • win10启动提示
  • 使用linux的电脑
  • windows7打不了字怎么办
  • javascript总结
  • python3+PyQt5实现使用剪贴板做复制与粘帖示例
  • 编写高性能代码时以下哪种技术可用于减少内存访问延迟
  • nodejs事件队列
  • 文章标题的作用有哪些?
  • 如何取消个人所得税预约
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设