Sunday, October 4, 2015
Advertisement
Advertisement
Event merupakan skrip yang akan mendeteksi sebuah aksi dari user, misalnya saja user menekan mouse, memindahkan mouse dari suatu element ataupun sebagainya. Memang, Event hampir sama dengan penulisan kode program Effect di JQuery, baca : Memahami dan mencoba beberapa Effect JQuery. Tetapi pada tanda kurung sebuah Event berisi fungsi yang akan di jalankan .
Format penulisan event, sebagai berikut :
Belum mengenal Selector ?, Baca pada postingan sebelumnya : Memahami apa itu Selector pada JQuery . Memang, belajar JQuery itu pertamanya susah - susah gampang, tetapi tidak dengan niat yang besar dan ingin mencoba, dijamin otomatis bisa dan bisa menghasilkan sesuatu aplikasi yang keren dan bermanfaat .
Berikut merupaka beberapa kode event JQuery yang sering dipakai beserta penjelasanya, semoga dapat mudah anda pahami dan dicerna dengan baik,
keydown() => Mendeteksi ketika tombol keyboard dilepas .
keypress() => Mendeteksi ketika tombol keyboard ditekan dan posisi kursor sedang fokus pada sebuah form .
mousedown() => Digunakan untuk mendeteksi ketika tombol mouse ditekan .
mousemove() => Fungsinya mendeteksi ketika mouse dipindah .
mouseup() => Fungsinya adalah mendeteksi ketika tombol mouse dilepas .
mouseenter() => Mendeteksi ketika mouse masuk ke dalam sebuah elemen. Seperti efek hover CSS, tetapi tidak dengan ini yang didalamnya merupakan function .
mouseleave() => Berbeda terbalik dengan mousenter(), mouseleave mendeteksi ketika mouse keluar dari sebuah elemen .
hover() => Merupakan gabungan dari event mouseenter() dan mouseleave() .
mouseover() => Digunakan untuk mendeteksi ketika pointer mouse melintasi sebuah elemen .
focus() => Mendeteksi ketika sebuah form sedang fokus .
focusin() => Hampir sama dengan event focus(), tetapi event ini mendeteksi ketika mouse diklik pada sebuah input pada sebuah form .
focusout() => Hampir sama dengan focusin(), pada event ini mendeteksi ketika mouse diklik pada input lain setelah sebelumnya fokus pada salah satu input .
change() => Mendeteksi ketika sebuah input form diubah .
select() => Mendeteksi ketika sebuah pilihan / option pada form terpilih ( dipilih ) .
blur() => Digunakan pada sebuah input form tidak sedang fokus ( keadaan normal ) .
submit() => Mendeteksi ketika tombol form submit ditekan .
click() => Event ini sering banyak digunakan, fungsinya yaitu mendeteksi ketika salah satu elemen diklik .
dbclick() => Sama dengan event click, tetapi event dbclick() akan menjalankan fungsinya ketika sebuah elemen diklik dua kali / ganda
scroll() => Mendeteksi ketika scroll bar digulung .
Mohon maat tidak diterangkan secara rinci, dikarenakan jika saya terangkan secara rinci beserta kodenya maka akan memakan waktu yang cukup lama .
Semoga bermanfaat .
Format penulisan event, sebagai berikut :
$('selector').event(function(){
});
Belum mengenal Selector ?, Baca pada postingan sebelumnya : Memahami apa itu Selector pada JQuery . Memang, belajar JQuery itu pertamanya susah - susah gampang, tetapi tidak dengan niat yang besar dan ingin mencoba, dijamin otomatis bisa dan bisa menghasilkan sesuatu aplikasi yang keren dan bermanfaat .
Berikut merupaka beberapa kode event JQuery yang sering dipakai beserta penjelasanya, semoga dapat mudah anda pahami dan dicerna dengan baik,
Selector event dan fungsinya
keyup() => Fungsinya adalah mendeteksi ketika tombol keyboard ditekan .keydown() => Mendeteksi ketika tombol keyboard dilepas .
keypress() => Mendeteksi ketika tombol keyboard ditekan dan posisi kursor sedang fokus pada sebuah form .
mousedown() => Digunakan untuk mendeteksi ketika tombol mouse ditekan .
mousemove() => Fungsinya mendeteksi ketika mouse dipindah .
mouseup() => Fungsinya adalah mendeteksi ketika tombol mouse dilepas .
mouseenter() => Mendeteksi ketika mouse masuk ke dalam sebuah elemen. Seperti efek hover CSS, tetapi tidak dengan ini yang didalamnya merupakan function .
mouseleave() => Berbeda terbalik dengan mousenter(), mouseleave mendeteksi ketika mouse keluar dari sebuah elemen .
hover() => Merupakan gabungan dari event mouseenter() dan mouseleave() .
mouseover() => Digunakan untuk mendeteksi ketika pointer mouse melintasi sebuah elemen .
focus() => Mendeteksi ketika sebuah form sedang fokus .
focusin() => Hampir sama dengan event focus(), tetapi event ini mendeteksi ketika mouse diklik pada sebuah input pada sebuah form .
focusout() => Hampir sama dengan focusin(), pada event ini mendeteksi ketika mouse diklik pada input lain setelah sebelumnya fokus pada salah satu input .
change() => Mendeteksi ketika sebuah input form diubah .
select() => Mendeteksi ketika sebuah pilihan / option pada form terpilih ( dipilih ) .
blur() => Digunakan pada sebuah input form tidak sedang fokus ( keadaan normal ) .
submit() => Mendeteksi ketika tombol form submit ditekan .
click() => Event ini sering banyak digunakan, fungsinya yaitu mendeteksi ketika salah satu elemen diklik .
dbclick() => Sama dengan event click, tetapi event dbclick() akan menjalankan fungsinya ketika sebuah elemen diklik dua kali / ganda
scroll() => Mendeteksi ketika scroll bar digulung .
Mohon maat tidak diterangkan secara rinci, dikarenakan jika saya terangkan secara rinci beserta kodenya maka akan memakan waktu yang cukup lama .
Semoga bermanfaat .
Advertisement
Advertisement