MouseEvent DOM HTML
Objek MouseEvent
Peristiwa yang berlaku semasa interaksi mouse dengan dokumen HTML adalah objek MouseEvent.
Properti dan metod Peristiwa Mouse
Properti/Method | Penerangan |
---|---|
altKey | Kembalikan sama ada butang 'ALT' ditekan semasa peristiwa mouse. |
button | Kembalikan butang mouse yang ditekan semasa peristiwa mouse diaktifkan. |
buttons | Kembalikan butang mouse yang ditekan semasa peristiwa mouse diaktifkan. |
clientX | Kembalikan kordinat lebar penuding mouse berbanding tingkap semasa peristiwa mouse. |
clientY | Kembalikan kordinat tinggi penuding mouse berbanding tingkap semasa peristiwa mouse. |
ctrlKey | Kembalikan sama ada butang 'CTRL' ditekan semasa peristiwa mouse. |
getModifierState() | Kembalikan true jika kunci yang dinyatakan diaktifkan. |
metaKey | Kembalikan sama ada butang 'META' ditekan semasa peristiwa. |
movementX | Kembalikan kordinat lebar penuding mouse berbanding peristiwa mousemove sebelumnya. |
movementY | Kembalikan kordinat tinggi penuding mouse berbanding peristiwa mousemove sebelumnya. |
offsetX | Kembalikan kordinat lebar penuding mouse berbanding hujung elemen sasaran. |
offsetY | Kembalikan kordinat tinggi penuding mouse berbanding hujung elemen sasaran. |
pageX | Kembalikan kordinat lebar penuding mouse berbanding dokumen semasa peristiwa. |
pageY | Kembalikan kordinat tinggi penuding mouse berbanding dokumen semasa peristiwa. |
region | |
relatedTarget | Kembalikan elemen yang berhubungan dengan elemen yang diaktifkan peristiwa mouse. |
screenX | Kembalikan kordinat lebar penuding mouse berbanding skrin semasa peristiwa. |
screenY | Kembalikan kordinat tinggi penuding mouse berbanding skrin semasa peristiwa. |
shiftKey | Kembalikan sama ada butang 'SHIFT' ditekan semasa peristiwa. |
which | Kembalikan butang mouse yang ditekan semasa peristiwa mouse diaktifkan. |
Properti dan metod yang diwarisi
MouseEvent mewarisi semua properti dan metod daripada objek berikut:
Tipe peristiwa
Tipe peristiwa ini termasuk kepada objek MouseEvent:
Peristiwa | Penerangan |
---|---|
onclick | Bila pengguna mengklik butang mouse ke atas elemen, peristiwa ini berlaku. |
oncontextmenu | Bila pengguna mengklik kanan butang mouse ke atas suatu elemen untuk membuka menu konteks, peristiwa ini berlaku. |
ondblclick | Bila pengguna mengklik ganda elemen, peristiwa ini berlaku. |
onmousedown | Bila pengguna menekan butang mouse di atas elemen, peristiwa ini berlaku. |
onmouseenter | Bila penuding pindah kepada elemen, peristiwa ini berlaku. |
onmouseleave | Peristiwa ini terjadi apabila penuding paksi keluar daripada elemen. |
onmousemove | Peristiwa ini terjadi apabila penuding paksi bergerak di atas elemen. |
onmouseout | Peristiwa ini terjadi apabila pengguna memindahkan penuding paksi keluar daripada elemen atau anak elemen dalamnya. |
onmouseover | Peristiwa ini terjadi apabila penuding paksi bergerak ke atas elemen atau anak elemen dalamnya. |
onmouseup | Peristiwa ini terjadi apabila pengguna melepaskan butang tetikus di atas elemen. |