jquery有没有touch功能(jquery,touch,web开发)

时间:2024-05-06 18:02:42 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    jquery%E6%9C%89%E6%B2%A1%E6%9C%89touch%E5%8A%9F%E8%83%BD

jquery中有touch功能;touch功能会在用户在触碰页面时触发:1、tap事件在用户敲击某个元素时触发;2、taphold事件在用户敲击某个元素并保持一秒时触发;3、swipe事件在用户在某个元素上水平滑动超过30px时触发;4、swipeleft事件在用户在某个元素上从左滑动超过30px时触发;5、swiperight事件在用户在某个元素上从右滑动超过30px时触发。

本教程操作环境:windows10系统、jquery3.4.1版本、Dell G3电脑。

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

tap 事件在用户敲击某个元素时触发。

taphold 事件在用户敲击某个元素并保持一秒时被触发

swipe 事件在用户在某个元素上水平滑动超过 30px 时被触发:

swipeleft 事件在用户在某个元素上从左滑动超过 30px 时被触发:

swiperight 事件在用户在某个元素上从右滑动超过 30px 时被触发:

简单解释:

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

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

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

scrollSupressionThreshold (默认: 10px) – 水平方向拖拽大于这个值,将不触发。

durationThreshold (默认: 1000ms) – 滑动时间超过这个数值就不会产生滑动事件。

horizontalDistanceThreshold (默认: 30px) – 水平划动距离超过这个数值才会产生滑动事件。

verticalDistanceThreshold (默认: 75px) – 竖直划动距离小于这个数值才会产生滑动事件。

swipeleft(左划):划动事件为向左的方向时触发

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

示例如下:

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

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

swipe(滑动) : 随便左右滑动

本文:jquery有没有touch功能的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:vue有没有内置jquery下一篇:

9 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18