Mobile

click的300ms延迟响应

手机早期,浏览器有在屏幕点2下,浏览器放大因此系统做处理,当触摸一次后,300ms无第二次,才认为是click事件

手势事件

touchstart, touchmove, touchend, touchcancel
触摸导致屏幕滚动,可以用event.preventDefault()阻止默认事件行为
event.touches:当前触摸操作的touch对象数组
两个手指在触屏:event.touches.length = 2;
event.targetTouches:目标touch对象数组
event.changedTouches:上次触摸发生了改变的touch对象数组

触摸事件

Gestures针对IOS设备,在两个以上手指触摸时触发
Gesturestart, Gesturechange, Gestureend

屏幕旋转事件

window.onorientationchange;
window.orientation;

-webkit-touch-callout:none; //禁止IOS弹操作窗口
-webkit-user-select:none; //禁止用户选中文字
input::-webkit-input-speech-button{display:none}; //安卓去输入框语音按钮

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Touch Events 触摸事件(touch events) touchstart: 手指放到屏幕上的时候触发 ...
    fredah阅读 266评论 0 0
  • meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 930评论 0 11
  • 从pc前端开发迁移到mobile 这篇文章特别适用于有一定pc前端开发经验,想要学习或了解移动端(mobile)的...
    一醉js阅读 1,006评论 1 0
  • 自由终将获得胜利,我们满怀信心,向着这个目标前进。历史的发展道路并非无可改变,人类做出的选择才推动了历史前进的方向...
    风吹海浪阅读 185评论 0 0
  • 职场中的每个人,都希望自己能够有所发展,但并不是只要工作技能就可以了,有些人总是不知不觉做出一些自毁前程的行为,需...
    小坤职场阅读 393评论 0 0