Referensi Pemrograman Web: button

button

Properti MouseEvent.button mengembalikan number (unsigned short) yang menunjukkan tombol mouse mana yang diklik ketika event ini terjadi.

Sintaks:

Event.button

Number adalah 0=left mouse-button (default), 1=middle mouse-button, atau 2=right mouse-button.

IE8 dan sebelumnya, untuk number adalah 1=left mouse-button, 4=middle mouse-button, atau 2=right mouse-button.

Contoh di bawah ini akan menujukkan informasi via Alert box tombol mouse mana yang digunakan ketika event 'mousedown' terjadi:

<HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function isMousePressed(event) { if (event.button === 0) { alert("Halo, anda telah mengklik tombol mouse sebelah kiri!"); }else if(event.button === 2) { alert("Halo, anda telah mengklik tombol mouse sebelah kanan!"); } } </SCRIPT> </HEAD> <BODY ONMOUSEDOWN="isMousePressed(event)"> Tekan mouse didalam area jendela browser... </BODY> </HTML>

Anda bisa juga menggunakan properti which untuk mengetahui tombol mouse mana yang diklik ketika event 'mousedown' terjadi. Ganti JavaScript di atas dengan:

function isMousePressed(event) { switch(event.which) { case 1: alert("Halo, anda telah mengklik tombol mouse sebelah kiri!"); break; case 3: alert("Halo, anda telah mengklik tombol mouse sebelah kanan!"); break; } }

Dikebanyakan browser properti MouseEvent.button hanya di set untuk ONMOUSEDOWN dan ONMOUSEUP, beda dengan IE, properti MouseEvent.button bisa juga digunakan untuk ONMOUSEMOVE dan ONMOUSEWHEEL.

Monday, December 31, 2012

button