Acara Mouseenter hanya akan dipicu sekali. Objek pemicu adalah objek terdaftar atau elemen anak dari objek terdaftar.
Acara mouseover dapat dipicu beberapa kali. Objek pemicu adalah objek terdaftar atau elemen anak dari objek terdaftar.
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> dokumen </iteme> </head> <body> <p> Peristiwa mouseover akan dipicu terlepas dari apakah penunjuk mouse melewati elemen yang dipilih atau elemen anaknya. </p> <p> Acara mouseenter hanya akan dipicu ketika pointer mouse melewati elemen yang dipilih. </p> <div style = "latar belakang-warna: lightgray; padding: 20px; lebar: 40%; float: kiri"> <h2 style = "latar belakang-warna: putih;"> acara mouseover flash: <span> </span> </h2> </div> <div style = "latar belakang-warna: lightgray; padding: 20px; width; 40%hung: latar belakang: lightgray; padding: 20px; wid style = "latar belakang-warna: white;"> acara mouseEnters flash: <span> </span> </h2> </div> <script> var x = 0, y = 0; var div1 = document.geteLementsbyclassName ("over") [0]; div1.addeventListener ("mouseover", function () {var span = this.getElementsbyTagname ("span") [0] span.innertext = (x += 1); span.style.csstext = "Border: 2px Red Solid;";}, false); var div2 = document.geteLementsByClasSname ("enter") [0]; Div2.addeventListener ("mouseEnter", function () {var span = this.getElementsbyTagname ("span") [0] span.innertext = (y += 1); span.style.csstext = "Border: 2px Red Solid;";}, false); </script> </body> </html>Artikel di atas secara singkat berbicara tentang perbedaan antara Mouseover dan Mouseenter di JQ adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.