Latest web development tutorials

acara onmouseenter

Acara Referensi Obyek benda acara

contoh

JavaScript dijalankan ketika pointer mouse pindah ke gambar:

<Img onmouseenter = "bigImg (ini)" src = "smiley.gif" alt = "Smiley">

Coba »

Dalam contoh berikut lebih titik "mencoba" untuk melihat lebih banyak demonstrasi.


Definisi dan Penggunaan

Onmouseenter acara memicu untuk memindahkan pointer mouse di atas elemen.

Catatan: Acara ini biasanya berhubungan dengan onmouseleave digunakan bersama dengan acara tersebut, dipicu ketika mouse pointer bergerak keluar dari elemen.

Tip: onmouseenter peristiwa mirip dengan onmouseover event. Satu-satunya perbedaan adalah bahwa peristiwa tidak mendukung menggelegak onmouseenter.


Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.

peristiwa
onmouseenter 30.0 5.5 ya 6.1 11.5


tatabahasa

Di HTML:

<Elementonmouseenter = "myScript"> coba

Dalam JavaScript:

objek .onmouseenter = function () {myScript }; mencoba

JavaScript, menggunakan () metode addEventListener:

objek .addEventListener ( "mouseenter", myScript ); mencoba

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.


rincian teknis

Apakah akan mendukung gelembung: tidak
Hal ini dapat dibatalkan: tidak
Jenis acara: MouseEvent
tag HTML didukung: Semua elemen HTML kecuali: <base>, <bdo>, Situs, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>


contoh

contoh yang lebih

contoh

Contoh ini menunjukkan berbeda onmousemove, onmouseenter dan mouseover event:

<Div onmousemove = "myMoveFunction ()">
<P id = "demo"> Aku akan menunjukkan onmousemove! </ P>
</ Div>

<Div onmouseenter = "myEnterFunction ()">
<P id = "demo2"> Aku akan menunjukkan onmouseenter! </ P>
</ Div>

<Div onmouseover = "myOverFunction ()">
<P id = "demo3"> Aku akan menunjukkan onmouseover! </ P>
</ Div>

Coba »


Acara Referensi Obyek benda acara