手機端判斷手指左右上下滑動

function touches(obj,direction,fun){  
        //obj:ID對象  
            //direction:swipeleft,swiperight,swipetop,swipedown,singleTap,touchstart,touchmove,touchend  
        //   劃左庶骄, 劃右假瞬, 劃上, 劃下,點擊嘉熊, 開始觸摸, 觸摸移動扬舒, 觸摸結束  
        //fun:回調(diào)函數(shù)  
        var defaults = {x: 5,y: 5,ox:0,oy:0,nx:0,ny:0};  
        direction=direction.toLowerCase();  
        //配置:劃的范圍在5X5像素內(nèi)當點擊處理  
        obj.addEventListener("touchstart",function() {  
            defaults.ox = event.targetTouches[0].pageX;  
            defaults.oy = event.targetTouches[0].pageY;  
            defaults.nx = defaults.ox;  
            defaults.ny = defaults.oy;  
            if(direction.indexOf("touchstart")!=-1)fun();  
        }, false);  
        obj.addEventListener("touchmove",function() {  
            event.preventDefault();  
            defaults.nx = event.targetTouches[0].pageX;  
            defaults.ny = event.targetTouches[0].pageY;  
            if(direction.indexOf("touchmove")!=-1)fun();  
        }, false);  
        obj.addEventListener("touchend",function() {  
            var changeY = defaults.oy - defaults.ny;  
            var changeX = defaults.ox - defaults.nx;  
            if(Math.abs(changeX)>Math.abs(changeY)&&Math.abs(changeY)>defaults.y){  
                //左右事件  
                if(changeX > 0) {  
                    if(direction.indexOf("swipeleft")!=-1)fun();  
                }else{  
                    if(direction.indexOf("swiperight")!=-1)fun();  
                }  
            }else if(Math.abs(changeY)>Math.abs(changeX)&&Math.abs(changeX)>defaults.x){  
                //上下事件  
                if(changeY > 0) {  
                    if(direction.indexOf("swipetop")!=-1)fun();  
                }else{  
                    if(direction.indexOf("swipedown")!=-1)fun();  
                }  
            }else{  
                //點擊事件  
                if(direction.indexOf("singleTap")!=-1)fun();  
            }  
            if(direction.indexOf("touchend")!=-1)fun();  
        }, false);  
    }  
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末阐肤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子讲坎,更是在濱河造成了極大的恐慌孕惜,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晨炕,死亡現(xiàn)場離奇詭異衫画,居然都是意外死亡,警方通過查閱死者的電腦和手機瓮栗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門削罩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人费奸,你說我怎么就攤上這事弥激。” “怎么了愿阐?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵微服,是天一觀的道長。 經(jīng)常有香客問我缨历,道長以蕴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任辛孵,我火速辦了婚禮丛肮,結果婚禮上,老公的妹妹穿的比我還像新娘觉吭。我一直安慰自己腾供,他們只是感情好,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著伴鳖,像睡著了一般节值。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上榜聂,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天搞疗,我揣著相機與錄音,去河邊找鬼须肆。 笑死匿乃,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的豌汇。 我是一名探鬼主播幢炸,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拒贱!你這毒婦竟也來了宛徊?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤逻澳,失蹤者是張志新(化名)和其女友劉穎闸天,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體斜做,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡苞氮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了瓤逼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片笼吟。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖抛姑,靈堂內(nèi)的尸體忽然破棺而出赞厕,到底是詐尸還是另有隱情,我是刑警寧澤定硝,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布皿桑,位于F島的核電站,受9級特大地震影響蔬啡,放射性物質發(fā)生泄漏诲侮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一箱蟆、第九天 我趴在偏房一處隱蔽的房頂上張望沟绪。 院中可真熱鬧,春花似錦空猜、人聲如沸绽慈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坝疼。三九已至搜贤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钝凶,已是汗流浹背仪芒。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留耕陷,地道東北人掂名。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像哟沫,于是被迫代替她去往敵國和親饺蔑。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容