เหตุการณ์ onmouseenter
ตัวอย่าง
จาวาสคริปต์จะดำเนินการเมื่อชี้เมาส์จะถูกย้ายไปยังภาพที่:
ลอง»
ในตัวอย่างต่อไปจุดอื่น ๆ อีกมากมาย "ลอง" เพื่อดูการสาธิตมากขึ้น
ความหมายและการใช้งาน
ทริกเกอร์เหตุการณ์ Onmouseenter เพื่อเลื่อนตัวชี้เมาส์ไปที่องค์ประกอบ
หมายเหตุ: เหตุการณ์นี้มักจะเกี่ยวข้องกับ onmouseleave ใช้ร่วมกับเหตุการณ์ที่เกิดขึ้นเรียกเมื่อเมาท์ออกจากขององค์ประกอบ
เคล็ดลับ: onmouseenter เหตุการณ์คล้ายกับ onmouseover เหตุการณ์ แตกต่างเพียงว่าเหตุการณ์ไม่สนับสนุนเดือด onmouseenter
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนรุ่นของเหตุการณ์นี้
| เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | ใช่ | 6.1 | 11.5 |
ไวยากรณ์
ใน HTML:
ใน JavaScript:
JavaScript ใช้ addEventListener () วิธีการ:
หมายเหตุ: Internet Explorer 8 และรุ่นก่อนหน้า IE ไม่สนับสนุน addEventListener () วิธีการ
รายละเอียดทางเทคนิค
| ว่าจะสนับสนุนฟอง: | ไม่ |
|---|---|
| มันสามารถถูกยกเลิก: | ไม่ |
| ชนิดเหตุการณ์: | MouseEvent |
| แท็กที่รองรับ: | องค์ประกอบ HTML ทั้งหมดยกเว้น: <ฐาน>, <BDO> ฟรี <head> <html> <iframe> <meta>, <พารามิเตอร์>, <script> <style> และ <title> |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตัวอย่างนี้แสดงให้เห็นถึงความแตกต่างกัน OnMouseMove, onmouseenter และวางเมาส์เหตุการณ์:
<p id = "สาธิต"> ฉันจะแสดงให้เห็น OnMouseMove! </ p>
</ div>
<div onmouseenter = "myEnterFunction ()">
<p id = "Demo2"> ฉันจะแสดงให้เห็น onmouseenter! </ p>
</ div>
<div onmouseover = "myOverFunction ()">
<p id = "demo3"> ฉันจะแสดงให้เห็น onmouseover! </ p>
</ div>
ลอง»