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)系作者
- 文/潘曉璐 我一進店門削罩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人费奸,你說我怎么就攤上這事弥激。” “怎么了愿阐?”我有些...
- 文/不壞的土叔 我叫張陵微服,是天一觀的道長。 經(jīng)常有香客問我缨历,道長以蕴,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任辛孵,我火速辦了婚禮丛肮,結果婚禮上,老公的妹妹穿的比我還像新娘觉吭。我一直安慰自己腾供,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著伴鳖,像睡著了一般节值。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上榜聂,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拒贱!你這毒婦竟也來了宛徊?” 一聲冷哼從身側響起,我...
- 正文 年R本政府宣布皿桑,位于F島的核電站,受9級特大地震影響蔬啡,放射性物質發(fā)生泄漏诲侮。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一箱蟆、第九天 我趴在偏房一處隱蔽的房頂上張望沟绪。 院中可真熱鬧,春花似錦空猜、人聲如沸绽慈。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽坝疼。三九已至搜贤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钝凶,已是汗流浹背仪芒。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 首先,很尷尬融击、失落的吐槽一下:本菜鳥不知道怎么上傳GIF,所以效果圖只能用圖片簡單描述筑公。 先簡單描述需求:1、最常...
- 感賞孩子回家早了20分鐘拇涤,一回家就先寫作業(yè)捣作。說明知道爭分奪秒。 感賞孩子作業(yè)有問題愿與家人討論和上網(wǎng)查資料鹅士。 感賞...
- 其實我從一開始就對微信沒太多好感掉盅。 我的前三部智能手機都是 Android 機也拜,尤其第三部是索大的 Z1 Comp...