Ionic - Acara Javascript

Berbagai peristiwa ionik dapat digunakan untuk menambah interaktivitas dengan pengguna. Tabel berikut menjelaskan semua peristiwa ionik.

Nama Acara	Detail Acara
tertahan	Dipanggil saat durasi sentuhan lebih dari 500ms.
di-tap	Dipanggil saat durasi sentuhan kurang dari 250ms.
di-ketuk dua kali	Disebut ketika ada sentuhan ketuk dua kali.
on-touch	Dipanggil segera saat sentuhan dimulai.
saat dirilis	Dipanggil saat sentuhan berakhir.
di-seret	Dipanggil saat sentuhan digerakkan tanpa melepaskan halaman ke segala arah.
di-drag-up	Dipanggil saat elemen ditarik ke atas.
di-seret-kanan	Dipanggil saat elemen ditarik ke kanan.
di-tarik-kiri	Dipanggil saat elemen ditarik ke kiri.
on-drag-down	Dipanggil saat elemen ditarik ke bawah.
saat digeser	Disebut saat penarikan apapun memiliki kecepatan tinggi yang bergerak ke segala arah.
saat digeser ke atas	Disebut jika ada penyeretan yang bergerak ke atas dengan kecepatan tinggi.
geser ke kanan	Disebut jika ada penyeretan yang bergerak ke kanan dengan kecepatan tinggi.
di-geser-kiri	Disebut jika ada penyeretan yang memiliki kecepatan tinggi saat bergerak ke kiri.
geser ke bawah	Disebut saat penarikan apapun memiliki kecepatan tinggi yang bergerak ke bawah.

Menggunakan Acara

Karena semua peristiwa ionik dapat digunakan dengan cara yang sama, kami akan menunjukkan cara menggunakan on-touchacara dan Anda bisa menerapkan prinsip yang sama untuk acara lainnya. Untuk memulai, kami akan membuat tombol dan menetapkanon-touch acara, yang akan memanggil onTouchFunction().

<button on-touch = "onTouchFunction()" class="button">Test</button>

Kemudian kami akan membuat fungsi itu di lingkup pengontrol kami.

$scope.onTouchFunction = function() {
   // Do something...
}

Sekarang, ketika peristiwa sentuh terjadi onTouchFunction() akan dipanggil.