手持设备响应速度优化之-click和touch

X1nFLY 发布于2019-08-21 10:24 / 958人阅读

摘要：手持上事件的响应速度远远不如。但是仅仅写事件很不方便端开发测试，所以下边的判断很有必要。另外用起来就很方便啦事件还有一种写法

手持上click事件的响应速度远远不如touchstart。但是仅仅写touch事件很不方便web端开发测试，所以下边的判断很有必要。

var isSupportTouch = "ontouchend" in document ? true : false,
    touchEv = isSupportTouch ? "touchstart" : "mousedown",
    touchEndEv = isSupportTouch ? "touchend" : "mouseup";

另外：

var isSupportTouch = "ontouchend" in document ? true : false,
    touchEv = isSupportTouch ? "touchstart" : "click";

用起来就很方便啦

$obj.on(touchEv,function(){
    事件
});

还有一种写法：

isTouch = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/);,
eStart = isTouch ? "touchstart"  : "mousedown",
eMove = isTouch ? "touchmove"   : "mousemove",
eEnd  = isTouch ? "touchend"    : "mouseup";

海外云主机服务器托管服务器响应优化服务器响应时间优化该设备或资源dns没有响应响应速度

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85474.html

移动web开发问题和优化小结

摘要：如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明，我引用叶小钗大神博客里面的一张图片，如下在手机上，的延迟将近。 1.前言到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开...

galaxy_robot 2019-08-01 17:40 评论0 收藏0
移动web开发问题和优化小结

摘要：如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明，我引用叶小钗大神博客里面的一张图片，如下在手机上，的延迟将近。 1.前言到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开...

ysl_unh 2019-08-21 16:44 评论0 收藏0
HTML组件的交互事件设计

摘要：传统的事件监听方式通常使用对元素添加事件监听，比如很自然的，用户在使用组件时也会想到这种用法，试图直接在上添加监听，结果出现问题，正确的写法应该是这样组件的交互事件设计思路这样设计的目的，是保持模型与视图的分离，在组件中对象是，，则是，原则传统的HTML事件监听方式通常使用on***对HTML元素添加事件监听，比如 button.onclick = function(evt){...

Faremax 2019-08-01 14:38 评论0 收藏0
Browser Input Events：Can We Do Better Than The Cli

摘要：指针事件给用户代理带来灵活性，给一个事件系统提供丰富的输入机制。就像苹果和谷歌现在就没有打算来实现指针事件。谷歌的这个决定并不是他们最终的决定，但是目前在指针事件上没有活跃的工作。原文地址：http://tw93.github.io/2015-03-30/Browser-input-Events.html 响应用户的输入可以说是我们做界面开发的核心。为了构建可响应的Web产...

felix0913 2019-08-21 10:29 评论0 收藏0
你所不知的meta和link用法

摘要：手机型号图标大小分辨率大小竖屏竖屏竖屏竖屏添加智能广告条，顶部会自动弹出一条关于应用下载的广告条，下载地址就是你设置的文档参考字符编码两种写法等效，推荐写第一种语言设置简体中文繁体中文不是写lang=zh-CN 浏览器内核控制设置IE的优先版本为edge，若不存在则选择当前最高版本，含有谷歌内核的会选择谷歌，如果设置多条的话只有第一条生效针对多内核浏览器设置优...

rollback 2019-08-01 16:38 评论0 收藏0