zoukankan      html  css  js  c++  java
  • 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(e);
        }
    }, false );
    }
    

      使用方法,引入js文件(即tap.js),然后执行如下调用:

    /*
        参数说明:
        ele:原生的dom对象
        fn :回调方法,执行你需要的操作    
    */
    
    tap(ele,function(e){
        //你需要执行的操作
    });    
    

      

  • 相关阅读:
    最大生成树
    Codeforces#363 Div2
    AOJ2249最短路+最小费用
    Codeforces#364Div2
    POJ3268Dijkstra
    POJ3259负环判定
    Codeforces#362
    POJ3169差分约束系统
    POJ3723最小生成树
    hdu 4038 2011成都赛区网络赛H 贪心 ***
  • 原文地址:https://www.cnblogs.com/jiangbanji/p/6021702.html
Copyright © 2011-2022 走看看