touch-action

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство touch-action позволяет контролировать то, как с элементом можно взаимодействовать на сенсорных экранах.

Как пишется

Скопировано
  • none — запрещает все типы взаимодействий. Можно обрабатывать события при помощи JavaScript.
  • auto — разрешает все типы взаимодействия (значение по умолчанию).
  • manipulation — элемент можно сдвигать и зумить. Это сокращение для комбинации pan-x pan-y pinch-zoom. Остальные нестандартные жесты, вроде двойного тапа, запрещены.
  • pan-x — элемент можно сдвигать по оси x с помощью одного пальца. Это сокращение для значений pan-left и pan-right. Может использоваться в сочетании с pan-y, pan-up, pan-down и pinch-zoom.
  • pan-y — элемент можно смещать по оси y с помощью одного пальца. Это сокращение для значений pan-up и pan-down. Может использоваться в сочетании с pan-x, pan-left, pan-right и pinch-zoom.
  • pan-left — элемент можно смещать только если начать движение от левого края (эксперимент).
  • pan-right — элемент можно смещать только если начать движение от правого края (эксперимент).
  • pan-down — элемент можно смещать только если начать движение снизу вверх (эксперимент).
  • pan-up — элемент можно смещать только если начать движение сверху вниз (эксперимент).
  • pinch-zoom — элемент можно зазумить щипком. Можно совместить с pan-x, pan-left, pan-right, pan-y, pan-up, pan-down.