Mouse Event Angular JS Part 2 - mouseleave dan mouseenter

14/08/2016    Maykhel David    970     Website

hallo teman-teman, pada kali ini saya akan memberikan satu trik untuk kalian berdasarkan artikel sebelumnya yang membahas tentang mouse event pada angular js. jika kalian belum membacanya bisa baca dahulu artikel saya yang ada pada artikel berikut

Kali ini saya akan membuat sebuah kasus yang menggunakan event ng-mouseleave dan ng-mouseenter

Penjelasan singkat tentang kedua event tersebut adalah

ng-mouseenter berfungsi ketika kursor menyentuh elemen html yang dimaksud

ng-mouseleave berfungsi ketika kursor keluar dari elemen yang dimaksud

Berikut adalah contoh penggunaan mouseenter

 

untuk mencoba fungsi mouseleave cukup ganti saja attribute ng-mouseenter dengan ng-mouseleave.

Baiklah teman-teman sampai jumpa pada artikel berikutnya.

No data.