//防止滑動的時候觸發(fā)點擊事件
const tap = (sprite, cb) => {
var tapStartTime = 0,
tapEndTime = 0,
tapTime = 300, //tap等待時間蹲堂，在此事件下松開可觸發(fā)方法
tapStartClientX = 0,
tapStartClientY = 0,
tapEndClientX = 0,
tapEndClientY = 0,
tapScollHeight = 15, //水平或垂直方向移動超過15px測判定為取消（根據chrome瀏覽器默認的判斷取消點擊的移動量)
cancleClick = false;
sprite.on('touchstart', function () {
console.log(11111)
console.log(cancleClick)
tapStartTime = event.timeStamp;
console.log(tapStartTime)
var touch = event.changedTouches[0];
tapStartClientX = touch.clientX;
tapStartClientY = touch.clientY;
cancleClick = false;
})
sprite.on('touchmove', function () {
console.log(22222)
console.log(cancleClick)
var touch = event.changedTouches[0];
tapEndClientX = touch.clientX;
tapEndClientY = touch.clientY;
if ((Math.abs(tapEndClientX - tapStartClientX) > tapScollHeight) || (Math.abs(tapEndClientY - tapStartClientY) > tapScollHeight)) {
cancleClick = true;
}
})
sprite.on('touchend', function () {
console.log(33333)
console.log(cancleClick)
tapEndTime = event.timeStamp;
console.log(tapEndTime)
if (!cancleClick && (tapEndTime - tapStartTime) <= tapTime) {
cb();
}
})
};
tap(btn2, function () {
open('http://baidu.com');
});
防止滑動的時候觸發(fā)點擊事件
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門夸盟，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人像捶，你說我怎么就攤上這事上陕。” “怎么了拓春？”我有些...
- 正文 為了忘掉前任沉删，我火速辦了婚禮渐尿，結果婚禮上，老公的妹妹穿的比我還像新娘矾瑰。我一直安慰自己砖茸，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布殴穴。 她就那樣靜靜地躺著凉夯，像睡著了一般。 火紅的嫁衣襯著肌膚如雪采幌。 梳的紋絲不亂的頭發(fā)上劲够，一...
- 文/蒼蘭香墨 我猛地睜開眼忙厌，長吁一口氣：“原來是場噩夢啊……” “哼凫岖！你這毒婦竟也來了？” 一聲冷哼從身側響起逢净，我...
- 正文 年R本政府宣布拒炎，位于F島的核電站，受9級特大地震影響挨务，放射性物質發(fā)生泄漏击你。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一谎柄、第九天 我趴在偏房一處隱蔽的房頂上張望丁侄。 院中可真熱鬧，春花似錦朝巫、人聲如沸鸿摇。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽拙吉。三九已至，卻和暖如春揪荣，著一層夾襖步出監(jiān)牢的瞬間筷黔，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 上一篇文章主要講述了TUN/TAP設備的一些原理损拢，你可能會好奇陌粹，TUN/TAP設備究竟有什么用處呢撒犀？所以這篇文章，...
- 這篇文章想詳細闡述一下有關于 TUN/TAP 設備的編程。 其實關于這兩種設備的編程或舞，基本上屬于八股文荆姆，大家一般都...
- 一、jquery mobile 對手勢觸控提供了如下幾個事件監(jiān)聽: tap：當用戶點屏幕時觸發(fā) taphold：當...
- 題目來自freecodecamp上面的一道練習題 在線調試將字符串轉換為 spinal case映凳。Spinal c...
