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.