簡単なタッチ操作のイベントを追加します
Version vom
Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyfork.org/scripts/419806/888438/touchActionEx.js
簡単なタッチ操作のイベントを追加します。
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は画像参照
