Ionic - Javascript Etkinlikleri
Kullanıcılar ile etkileşim eklemek için çeşitli İyonik olaylar kullanılabilir. Aşağıdaki tablo tüm İyon olaylarını açıklamaktadır.
| Etkinlik adı | Etkinlik Detayı |
|---|---|
| beklemede | Dokunma süresi 500 ms'den fazla olduğunda çağrılır. |
| dokunarak | Dokunma süresi 250 ms'den az olduğunda çağrılır. |
| çift dokunuşta | Çift dokunma olduğunda aranır. |
| iletişimde | Dokunma başladığında hemen aranır. |
| yayınlandığında | Dokunma bittiğinde aranır. |
| sürükle | Dokunma, sayfanın etrafında herhangi bir yönde bırakılmadan hareket ettirildiğinde çağrılır. |
| sürükle-bırak | Öğe yukarı sürüklendiğinde çağrılır. |
| sağa sürükle | Öğe sağa sürüklendiğinde çağrılır. |
| solda sürükle | Öğe sola sürüklendiğinde çağrılır. |
| aşağı sürüklenen | Öğe aşağı sürüklendiğinde çağrılır. |
| hızlıca kaydırarak | Herhangi bir sürükleme, herhangi bir yönde hareket eden yüksek hıza sahip olduğunda çağrılır. |
| yukarı kaydırmalı | Herhangi bir sürüklemenin yükselme hızı yüksek olduğunda çağrılır. |
| sağa kaydırmalı | Herhangi bir sürüklemenin sağa doğru hareket etme hızı yüksek olduğunda çağrılır. |
| sola kaydırın | Herhangi bir sürüklemenin sola doğru hareket hızı yüksek olduğunda çağrılır. |
| aşağı kaydırmalı | Herhangi bir sürüklemenin aşağı hareket hızı yüksek olduğunda çağrılır. |
Olayları Kullanma
Tüm İyonik olaylar aynı şekilde kullanılabileceğinden, size nasıl kullanılacağını göstereceğiz. on-toucholay ve aynı ilkeleri diğer olaylara da uygulayabilirsiniz. Başlangıç olarak, bir düğme oluşturacağız ve biron-touch olayı arayacak onTouchFunction().
<button on-touch = "onTouchFunction()" class="button">Test</button>
Daha sonra denetleyici kapsamımızda bu işlevi oluşturacağız.
$scope.onTouchFunction = function() {
// Do something...
}
Şimdi, dokunma olayı meydana geldiğinde onTouchFunction() Aranacak.