Categories: HTML DOM » MouseEvent

Button

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

Sintaks:

Event.button

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

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

Contoh di bawah ini akan menujukkan info via Alert box tombol mouse mana yang dipakai dikala 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 dapat juga memakai properti which untuk mengetahui tombol mouse mana yang diklik dikala 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 dapat juga dipakai untuk ONMOUSEMOVE dan ONMOUSEWHEEL.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code