tutorial pengembangan web terbaru
 

onmouseover Acara

<Object Acara

Contoh

Mengeksekusi JavaScript ketika bergerak pointer mouse ke gambar:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Acara onmouseover terjadi ketika pointer mouse pindah ke sebuah elemen, atau ke salah satu anak-anaknya.

Tip: Acara ini sering digunakan bersama-sama dengan onmouseout acara, yang terjadi ketika pengguna menggerakkan pointer mouse keluar dari elemen.


Dukungan Browser

Peristiwa
onmouseover iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

Dalam JavaScript:

object .onmouseover=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("mouseover", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.


Rincian teknis

Gelembung: iya nih
dibatalkan: iya nih
jenis acara: MouseEvent
tag HTML yang didukung: Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>
DOM Versi: Level 2 Acara

contoh

Contoh lebih

Contoh

Contoh ini menunjukkan perbedaan antara onmousemove, onmouseenter dan Gunaka mouse peristiwa:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>

<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>
Cobalah sendiri "

<Object Acara