码迷,mamicode.com
首页 > 移动开发 > 详细

js移动端tap事件封装

时间:2016-11-02 10:11:01      阅读:1094      评论:0      收藏:0      [点我收藏+]

标签:项目   文件   使用方法   hang   触摸   ndt   需要   false   touch   

这几天做项目,发现移动端需要触摸事件,而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事件封装

标签:项目   文件   使用方法   hang   触摸   ndt   需要   false   touch   

原文地址:http://www.cnblogs.com/jiangbanji/p/6021702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!