奈寻味导航网 » 文章资讯 » JavaScript监听触摸事件代码实例

JavaScript监听触摸事件代码实例

2023-08-03 18:31:04 152

这篇文章主要介绍了JavaScript监听触摸事件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

监听







Wsscat滑动事件Demo



上下左右滑动

触摸

触摸前后











document.getElementsByTagName('body')[0].addEventListener('touchstart',function(e){
touch.startY=e.targetTouches[0].pageY;
touch.startX=e.targetTouches[0].pageX;
//console.log("点击时的X坐标"+nStartX+"和Y坐标"+nStartY);
});
document.getElementsByTagName('body')[0].addEventListener('touchmove',function(e){
touch.whenChangY=e.changedTouches[0].pageY;
touch.whenChangX=e.changedTouches[0].pageX;
//console.log("滑动时的X坐标"+nWhenChangX+"和Y坐标"+nWhenChangY);
})
document.getElementsByTagName('body')[0].addEventListener('touchend',function(e){
touch.changY=e.changedTouches[0].pageY;
touch.changX=e.changedTouches[0].pageX;
//console.log("滑动后的X坐标"+nChangX+"和Y坐标"+nChangY);
varswDirection=direction(touch.startX,touch.changX,touch.startY,touch.changY);

GitHub地址：https://github.com/lianglixiong

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

JavaScript监听触摸事件代码实例

热门推荐

随机推荐