Peristiwa onmousedown

Peristiwa DOM MouseEvent

Definisi dan penggunaan

Peristiwa onmousedown akan terjadi semasa pengguna menekan butang mouse di atas elemen.

Pemberitahuan:Urutan peristiwa yang berkaitan dengan peristiwa onmousedown (untuk butang kiri dan tengah tetikus):

  1. onmousedown
  2. onmouseup
  3. onclick

Urutan peristiwa yang berkaitan dengan peristiwa onmousedown (untuk butang kanan tetikus):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Contoh

Eksekusi JavaScript semasa butang mouse ditekan di paragraf:

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

Coba sendiri

Ada lagi contoh TIY di bawah halaman.

Syarat

Dalam 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 dan versi yang lebih awal tidak mendukung Metode addEventListener().

Perincian teknikal

Bubbling: Dipakai
Boleh dibatalkan: Dipakai
Jenis peristiwa: MouseEvent
Tanda HTML yang didukung: Semua elemen HTML kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> dan <title>
Versi DOM: Peristiwa Level 2

Dukungan pereka

Peristiwa Chrome IE Firefox Safari Opera
onmousedown Dipakai Dipakai Dipakai Dipakai Dipakai

Contoh lainnya

Fungsi yang diaktifkan semasa butang ditekan
Saat butang mouse ditekan di atas elemen <p>, warna baginya diubah kepada merah.
Mengingatkan butang mouse yang ditekan
Mengingatkan pengguna tentang butang mouse yang ditekan
Mengingatkan klik elemen
Mengingatkan pengguna tentang nama elemen yang diclik
Peristiwa DOM MouseEvent