Ionic - Sự kiện Javascript

Nhiều sự kiện Ionic khác nhau có thể được sử dụng để tăng tính tương tác với người dùng. Bảng sau giải thích tất cả các sự kiện Ionic.

Tên sự kiện	Chi tiết sự kiện
tạm giữ	Được gọi khi thời lượng chạm trên 500ms.
chạm vào	Được gọi khi thời lượng chạm nhỏ hơn 250ms.
nhấn đúp	Được gọi khi có chạm hai lần.
liên lạc	Được gọi ngay lập tức khi bắt đầu chạm.
phát hành	Được gọi khi cảm ứng kết thúc.
kéo	Được gọi khi di chuyển chạm mà không nhả xung quanh trang theo bất kỳ hướng nào.
kéo lên	Được gọi khi phần tử được kéo lên.
trên-kéo-phải	Được gọi khi phần tử được kéo sang phải.
trên-kéo-trái	Được gọi khi phần tử được kéo sang trái.
trên-kéo-xuống	Được gọi khi phần tử được kéo xuống.
khi vuốt	Gọi là khi kéo bất kỳ có vận tốc lớn chuyển động theo hướng bất kỳ.
khi vuốt lên	Gọi là khi kéo bất kỳ có vận tốc lớn đi lên.
trên-vuốt-phải	Gọi là khi kéo bất kỳ có vận tốc lớn chuyển động sang phải.
trên-vuốt-trái	Gọi là khi kéo bất kỳ có vận tốc lớn chuyển động sang trái.
trên-vuốt-xuống	Gọi là khi kéo bất kỳ có vận tốc lớn chuyển động xuống.

Sử dụng sự kiện

Vì tất cả các sự kiện Ionic có thể được sử dụng theo cùng một cách, chúng tôi sẽ hướng dẫn bạn cách sử dụng on-touchsự kiện và bạn chỉ có thể áp dụng các nguyên tắc tương tự cho các sự kiện khác. Để bắt đầu, chúng tôi sẽ tạo một nút và gán mộton-touch sự kiện này sẽ gọi onTouchFunction().

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

Sau đó, chúng tôi sẽ tạo chức năng đó trong phạm vi bộ điều khiển của chúng tôi.

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

Bây giờ, khi sự kiện chạm xảy ra, onTouchFunction() sẽ được gọi.