Peristiwa onmousedown

Definisi dan penggunaan

Peristiwa onmousedown terjadi saat pengguna menekan tombol mouse di elemen.

Pemberitahuan:Urutan peristiwa yang berhubungan dengan peristiwa onmousedown (untuk tombol kiri/utama):

  1. onmousedown
  2. onmouseup
  3. onclick

Urutan peristiwa yang berhubungan dengan peristiwa onmousedown (untuk tombol kanan mouse):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Contoh

Eksekusi JavaScript saat tombol mouse ditekan di paragraf:

<p onmousedown="myFunction()">Klik teks ini!</p>

Coba sendiri

Ada banyak contoh TIY di bawah halaman.

Syarat

Pada HTML:

<elemen onmousedown="myScript">

Coba sendiri

Pada JavaScript:

objek.onmousedown = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("mousedown", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Dukungan
Dapat dibatalkan: Dukungan
Tipe peristiwa: MouseEvent
Tag HTML yang didukung: Semua elemen HTML kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> dan <title>
Versi DOM: Level 2 Events

Dukungan browser

Peristiwa Chrome IE Firefox Safari Opera
onmousedown Dukungan Dukungan Dukungan Dukungan Dukungan

Contoh lebih banyak

Fungsikan fungsi dengan parameter saat tombol ditekan
Ketika tombol mouse ditekan di elemen <p>, ubah warna warna ke merah.
Mengingatkan tombol mouse yang ditekan.
Mengingatkan pengguna tentang tombol mouse yang ditekan.
Mengingatkan elemen yang diclick.
Mengingatkan pengguna tentang nama elemen yang diclick.