เหตุการณ์ Mouseenter จะถูกทริกเกอร์เพียงครั้งเดียว วัตถุทริกเกอร์เป็นวัตถุที่ลงทะเบียนหรือองค์ประกอบลูกของวัตถุที่ลงทะเบียน
เหตุการณ์ MouseOver สามารถเรียกใช้หลายครั้ง วัตถุทริกเกอร์เป็นวัตถุที่ลงทะเบียนหรือองค์ประกอบลูกของวัตถุที่ลงทะเบียน
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> เอกสาร </title> </head> <body> <p> เหตุการณ์ MouseOver จะถูกเรียกใช้โดยไม่คำนึงว่าตัวชี้เมาส์จะผ่านองค์ประกอบที่เลือกหรือองค์ประกอบลูก </p> <p> เหตุการณ์ Mouseenter จะถูกเรียกใช้เฉพาะเมื่อตัวชี้เมาส์ผ่านองค์ประกอบที่เลือก </p> <div style = "พื้นหลังสี: lightgray; padding: 20px; ความกว้าง: 40%; ลอย: ซ้าย"> <h2 style = "พื้นหลังสี: สีขาว;"> เหตุการณ์ Mouseover ที่เปล่งประกาย: <span> </pan> </h2> style = "พื้นหลังสี: สีขาว;"> เหตุการณ์ Mouseenter ที่กะพริบ: <span> </span> </h2> </div> <script> var x = 0, y = 0; var div1 = document.getElementsByClassName ("over") [0]; div1.addeventListener ("mouseover", function () {var span = this.getElementByTagname ("span") [0] span.innerText = (x += 1); span.style.csstext = "เส้นขอบ: 2px สีแดงของแข็ง;";}, เท็จ); var div2 = document.getElementsByClassName ("Enter") [0]; div2.addeventListener ("MouseEnter", function () {var span = this.getElementByTagname ("Span") [0] span.innerText = (y += 1); span.style.csstext = "เส้นขอบ: 2px สีแดงของแข็ง;";}, เท็จ); </script> </body> </html>บทความข้างต้นพูดสั้น ๆ เกี่ยวกับความแตกต่างระหว่าง Mouseover และ Mouseenter ใน JQ เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น