栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过iPhone和Android上的JavaScript检测手指滑动

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过iPhone和Android上的JavaScript检测手指滑动

简单的原始JS代码示例:

document.addEventListener('touchstart', handleTouchStart, false);        document.addEventListener('touchmove', handleTouchMove, false);var xDown = null; var yDown = null;function getTouches(evt) {  return evt.touches ||  // browser API         evt.originalEvent.touches; // jQuery}function handleTouchStart(evt) {    const firstTouch = getTouches(evt)[0];         xDown = firstTouch.clientX;         yDown = firstTouch.clientY;     };function handleTouchMove(evt) {    if ( ! xDown || ! yDown ) {        return;    }    var xUp = evt.touches[0].clientX;       var yUp = evt.touches[0].clientY;    var xDiff = xDown - xUp;    var yDiff = yDown - yUp;    if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {        if ( xDiff > 0 ) {          } else {         }     } else {        if ( yDiff > 0 ) {          } else {          }   }        xDown = null;    yDown = null; };

在Android上测试。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/517999.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号