簡単なタッチ操作のイベントを追加します
This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/419806/894991/touchActionEx.js
jQueryなしのやつを作りました
簡単なタッチ操作のイベントを追加します。
var ele = document.querySelector('div')
// 単純なタップ(interval:タップとホールドの境目の時間ms)
addTap(ele [, {interval}])
ele.addEventListener('tap', e => {
// e.detail.touch <- e.targetTouches[0]
})
// ele.addEventListener('hold', hoge)
// ダブルタップを考慮したタップとダブルタップ
addDoubletap(ele [, {interval}])
ele.addEventListener('doubletap', e => {
// e.detail.touch <- e.targetTouches[0]
})
// ele.addEventListener('tap', hoge)
// ele.addEventListener('hold', hoge)
// スワイプ(min_dist:最低認識距離pixel)
addSwipe(ele [, {min_dist}])
ele.addEventListener('swipe', e => {
var angle = e.detail.angle
var dist = e.detail.distance
})
// 上下左右のスワイプ(range:水平垂直を中心に何度までを認識するか)
addSwipeWay(ele[, {range, min_dist}])
ele.addEventListener('swipeup', e => {
var angle = e.detail.angle
var dist = e.detail.distance
})
// ele.addEventListener('swipedown', hoge)
// ele.addEventListener('swipeleft', hoge)
// ele.addEventListener('swiperight', hoge)
swipe_wayのrangeは画像参照
