Properti touch-action menentukan apakah dan bagaimana pengguna dapat berinteraksi dengan elemen di layar melalui input sentuh menggunakan fitur default browser. Misalnya menggeser atau memperbesar.

Touch event adalah API Web yang memungkinkan browser untuk menafsirkan interaksi jari atau stylus pada layar sentuh atau trackpads. Kami biasanya menangani acara sentuh menggunakan JavaScript, tetapi tindakan sentuh memungkinkan kami untuk memberi tahu browser tentang maksud aplikasi sebelum pemicu acara apa pun dipicu.

Hasil dari elemen yang disentuh tergantung pada nilai dari properti touch-action dan perilaku sentuh default pada elemen dan leluhurnya. Pengembang dapat secara selektif menonaktifkan beberapa perilaku sentuh default, mencegah mereka dikirim sama sekali jika mereka tidak diharuskan.

Properti touch-action hanya berlaku untuk elemen yang mendukung properti width dan height CSS. Untuk elemen yang tidak memiliki dimensi eksplisit, seperti elemen rentang inline, kita dapat mengatur properti tampilan mereka ke yang mendukung width dan height, seperti misalnya blok.

Official Syntax:

Berlaku untuk: semua elemen kecuali: non-replaced inline elements, table rows, row groups, table columns, dan column groups

Values:

auto: Ini adalah nilai awal. pengguna browser dapat menentukan perilaku sentuh yang diizinkan yang dimulai pada elemen.

manipulation: Panning yang digerakkan oleh sentuhan dan pembesaran pinch diizinkan pada elemen. Ini dapat dianggap sebagai singkatan untuk pan-x pan-y pinch-zoom. Gerakan non-standar tambahan seperti ketuk dua kali untuk memperbesar tidak diizinkan.

none: Tidak ada perilaku sentuh default yang diizinkan pada elemen.

pan-x: Panning yang digerakkan oleh sentuhan diizinkan sepanjang sumbu x. Dapat dikombinasikan dengan pan-y, pan-up, pan-down, dan pinch-zoom.

pan-y: Panning yang digerakkan oleh sentuhan diizinkan sepanjang sumbu y. Dapat dikombinasikan dengan pan-x, pan-kiri, pan-kanan dan pinch-zoom.

pan-left: Panning berbasis sentuhan diizinkan hanya jika tindakan dimulai dengan panning ke kiri. Ini berarti pengguna menyeret jari mereka ke kanan. Setelah pengguliran dimulai, arahnya kemudian dapat dibalik.

pan-right: Panning berbasis sentuhan diizinkan hanya jika tindakan dimulai dengan panning ke kanan. Ini berarti pengguna menyeret jari mereka ke kiri. Setelah pengguliran dimulai, arahnya kemudian dapat dibalik.

pan-up: Panning berbasis sentuhan diizinkan hanya jika tindakan dimulai dengan panning ke atas. Ini berarti pengguna menyeret jari mereka ke bawah. Setelah pengguliran dimulai, arahnya kemudian dapat dibalik.

pan-down: Panning berbasis sentuhan diizinkan hanya jika tindakan dimulai dengan panning bawah. Ini berarti pengguna menyeret jari mereka ke atas. Setelah pengguliran dimulai, arahnya kemudian dapat dibalik.

pinch-zoom: Zoom-driven zoom dengan banyak jari diizinkan. Dapat dikombinasikan dengan pan-x, pan-kiri atau pan-kanan; dan pan-y pan-up atau pan-down. Lihat Sintaks Resmi.