HTML5+CSS3从入门到精通之HTML5移动端触摸事件-职坐标

HTML5+CSS3从入门到精通之HTML5移动端触摸事件

沉沙 2018-11-16 来源：阅读 1100 评论 0

摘要：本篇教程探讨了HTML5+CSS3从入门到精通之HTML5移动端触摸事件，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

本篇教程探讨了HTML5+CSS3从入门到精通之HTML5移动端触摸事件，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

开始不懂移动端事件一直用的click  click在安卓端没有什么问题但在IOS端就有问题了点击之后会延迟半秒  多亏旁边大神指点原来  iOS上的Safari也支持click 和mouseover等传统的交互事件，只是不推荐在iOS的浏览器应用上使用click和mouseover，因为这两个事件是为了支持鼠标点击而设计出来的。Click事件在iOS上会有半秒左右的延迟，原因是iOS要highlight接收到click的element。而mouseover/out等事件则会被手指的点击触发。所以，在iOS上，应当抛弃传统的交互事件模型而接受一个新的事件模型。Touch事件和更高级的Gesture事件，能让你的网页交互起来像native应用一样。以下是四大Touch事件。

touchstart:  // 手指放到屏幕上的时候触发
touchmove:  // 手指在屏幕上移动的时候触发
touchend:  // 手指从屏幕上拿起的时候触发
touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消不知道。。

touch属性

client / clientY：// 触摸点相对于浏览器窗口viewport的位置
pageX / pageY：// 触摸点相对于页面的位置
screenX /screenY：//触摸点相对于屏幕的位置
identifier： // touch对象的unique ID

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！

html5页面模板兔展制作h5页面 head first html

本文由 @沉沙发布于职坐标。未经许可，禁止转载。