移动端事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端事件相关的知识,希望对你有一定的参考价值。
参考技术A H5新增了两个监听网络状改变的事件HTML5 规范允许用户自定义网页上的任意元素全屏显示
由于兼容问题, 需要加兼容前缀,例如webkit内核浏览器: webkitRequestFullScreen
处理兼容的写法
:fullscreen
移动端网页点击历史问题
解决300ms延迟 https://github.com/ftlabs/fastclick (链接中有使用方法)借助第三方工具---fastclick方法
注意: touch事件不会等300ms
解决300ms延迟方法二--加上阻止用户点击user-scalable=no,阻止放大相当于阻止了双击
触碰事件,我目前还不知道它和touch的区别,一般用于代替click事件,有tap longTap singleTap doubleTap四种之分
tap: 手指碰一下屏幕会触发
longTap: 手指长按屏幕会触发
singleTap: 手指碰一下屏幕会触发
doubleTap: 手指双击屏幕会触发
滑动事件,有swipe swipeLeft swipeRight swipeUp swipeDown 五种之分
swipe:手指在屏幕上滑动时会触发
swipeLeft:手指在屏幕上向左滑动时会触发
swipeRight:手指在屏幕上向右滑动时会触发
swipeUp:手指在屏幕上向上滑动时会触发
swipeDown:手指在屏幕上向下滑动时会触发
以上是关于移动端事件的主要内容,如果未能解决你的问题,请参考以下文章