首页 > 代码库 > js移动端tap事件封装
js移动端tap事件封装
这几天做项目,发现移动端需要触摸事件,而click肯定是不行的,于是我对tap事件封装进行了搜索,找到了一篇文章,原文地址如下:http://www.jb51.net/article/50663.htm,
我对其中第一个封装加了一点东西,把它封装在一个函数里面,使用的时候直接调用即可,源代码如下(tap.js):
function tap(ele, fn){ var startTx, startTy; var endTx, endTy; ele.addEventListener( ‘touchstart‘, function( e ){ var touches = e.touches[0]; startTx = touches.clientX; startTy = touches.clientY; }, false ); ele.addEventListener( ‘touchend‘, function( e ){ var touches = e.changedTouches[0], endTx = touches.clientX, endTy = touches.clientY; if( Math.abs(startTx - endTx) < 6 && Math.abs(startTy - endTy) < 6 ){ fn(); } }, false ); }
使用方法,引入js文件(即tap.js),然后执行如下调用:
/* 参数说明: ele:原生的dom对象 fn :回调方法,执行你需要的操作 */ tap(ele,function(){ //你需要执行的操作 });
js移动端tap事件封装
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。