移动端事件

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:手指在屏幕上向下滑动时会触发

以上是关于移动端事件的主要内容,如果未能解决你的问题,请参考以下文章

移动端:移动端事件

10-移动端开发教程-移动端事件

移动端JS事件移动端框架

移动端事件——移动端滑屏切换的幻灯片

移动端事件

javascript--------------移动端事件-------------劉