博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手机端触摸的方向判断
阅读量:4603 次
发布时间:2019-06-09

本文共 1372 字,大约阅读时间需要 4 分钟。

function load(){     document.addEventListener('touchstart',touch, false);     document.addEventListener('touchmove',touch, false);     document.addEventListener('touchend',touch, false);         function touch (event){         var event = event || window.event;         var oInp = document.getElementById("inp");     	var distance,clientX_start,clientX_end,    		minRange=10;    		this.clientX_start;    		this.direction;    		this.callbackFun=function(){		    if(this.direction=='ltr') {		    	console.log('从左往右');		    	}		    else {		    	console.log('从右往左');		     }		    }        switch(event.type){             case "touchstart":                 clientX_start=event.touches[0].clientX;                this.clientX_start=clientX_start;                break;             case "touchend": 		this.callbackFun();                break;             case "touchmove":                 event.preventDefault();                               clientX_end = event.changedTouches[0].clientX;                //判断移动的方向                distance=clientX_end-this.clientX_start;                if(this.clientX_start+minRange
clientX_end){ this.direction='rtl'; } break; } } } window.addEventListener('load',load, false);

  

这里已经对用户的行为进行了监听,在屏幕中用手滑动就可以执行相应的程序。

 

转载于:https://www.cnblogs.com/laneyfu/p/6262281.html

你可能感兴趣的文章
(Python第四天)字符串
查看>>
个人介绍
查看>>
使用python动态特性时,让pycharm自动补全
查看>>
MySQL数据库免安装版配置
查看>>
你必知必会的SQL面试题
查看>>
html5 Canvas绘制时钟以及绘制运动的圆
查看>>
Unity3D热更新之LuaFramework篇[05]--Lua脚本调用c#以及如何在Lua中使用Dotween
查看>>
JavaScript空判断
查看>>
洛谷 P1439 【模板】最长公共子序列(DP,LIS?)
查看>>
python timeit
查看>>
Wireless Network 并查集
查看>>
51nod 1019 逆序数
查看>>
20145202马超《JAVA》预备作业1
查看>>
云推送注意(MSDN链接)
查看>>
IDEA 生成 jar 包
查看>>
加减乘除混合版
查看>>
linux基础6-bash shell编程
查看>>
掌握这几种微服务模式助你成为更出色的工程师
查看>>
为什么很多语言选择在JVM上实现
查看>>
CSS Reset CSS Framework
查看>>