touchActionEx

簡単なタッチ操作のイベントを追加します

Этот скрипт недоступен для установки пользователем. Он является библиотекой, которая подключается к другим скриптам мета-ключом // @require https://update.greatest.deepsurf.us/scripts/419806/894991/touchActionEx.js

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

Автор
家守カホウ
Версия
0.3
Создано
07.01.2021
Обновлено
28.01.2021
Размер
5,3 КБ
Лицензия
нет данных

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は画像参照