簡単なタッチ操作のイベントを追加します
이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @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は画像参照
