写HTML5手机游戏时 怎么防止浏览器鼠标滑轮不管用左滑返回

来源：蜘蛛抓取(WebSpider) 时间：2017-09-11 00:42 标签： 浏览器鼠标滑轮不管用
安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&问题：(html5)js的touch事件与浏览器的滑动冲突怎么办
描述:做手机端用touch事件会比鼠标事件要快，但是当手机端滑动页面时会触发某些元素的touch事件，但也许用户并不想点击，应该怎么解决解决方案1:呵呵難道你把 touch 系列事件統統當作 click 事件了。。。好吧當初我也是這樣的。。。所以你要知道 tap 和 scroll 的區別在於 是否有某方向位移大於 10px。jQueryMobile 就是依此判定的。解决方案2:zepto提供了一个tap事件，具体原理大概是 元素touchend的时候，判断是否触发了touchmove事件
下面代码只是我自己想着写的，并非zepto源码$.fn.tap = function(fun){
var x,y,X,Y,
element.addEventListener('touchstart',function(event){
moved = // moved用于判断是否滑动
x = event.targetTouches[0].screenX ;
y = event.targetTouches[0].screenY ;
element.addEventListener('touchmove',function(event){
if(moved) return
X = event.targetTouches[0].screenX ;
Y = event.targetTouches[0].screenY ;
if(X-x != 0 || Y-y !=0) moved = true
element.addEventListener('touchend',function(event){
if(!moved) // 如果没有滑动就执行
以上介绍了“(html5)js的touch事件与浏览器的滑动冲突怎么办”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/1332013.html
上一篇： 下一篇：2015年7月 Web 开发大版内专家分月排行榜第三
2013年10月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
在移动端上有自己定义的滑动事件,但在部分浏览器上会出现滑动时出现识别错误,触发浏览器的滑动前进或后退如何通过代码禁止浏览器滑动事件
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
给你个连接
同步到新浪微博
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 浏览器鼠标滑轮不管用 的文章

 

随机推荐