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

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

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

手持上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";

云服务器 GPU云服务器服务器响应优化服务器响应时间优化该设备或资源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