觸屏手機除了用手還能用什么,移動端觸屏滑動touches使用

 2023-10-18 阅读 27 评论 0

摘要:代碼 var start = {x: 0,y: 0 } var end = {x: 0,y: 0 }document.addEventListener('touchstart', function (event) {start.x = event.touches[0].pageX;start.y = event.touches[0].pageY; });document.addEventListener('touchmove', fun

代碼

var start = {x: 0,y: 0
}
var end = {x: 0,y: 0
}document.addEventListener('touchstart', function (event) {start.x = event.touches[0].pageX;start.y = event.touches[0].pageY;
});document.addEventListener('touchmove', function (event) {event.preventDefault();
},{passive:false});document.addEventListener('touchend', function (event) {end.x = event.changedTouches[0].pageX;end.y = event.changedTouches[0].pageY;var deltaX = end.x - start.x;var deltaY = end.y - start.y;if (Math.abs(deltaX) < 30 && Math.abs(deltaY) < 30) {return;}if (Math.abs(deltaX) >= Math.abs(deltaY)) {if (deltaX > 0) {      KeyHanderRight();          } else {KeyHanderLeft()}} else {if (deltaY > 0) {KeyHanderDown();} else {KeyHanderUp()}}
});

  

轉載于:https://www.cnblogs.com/fanbi/p/10191932.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/2/145625.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息