ตัวอย่าง
รัน JavaScript เมื่อมีการย้ายตัวชี้เมาส์ลงบนภาพ:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onmouseenter เกิดขึ้นเมื่อชี้เมาส์จะถูกย้ายไปยังองค์ประกอบ
เคล็ดลับ: เหตุการณ์นี้มักจะใช้ร่วมกับ onmouseleave เหตุการณ์ซึ่งเกิดขึ้นเมื่อชี้เมาส์จะย้ายออกจากองค์ประกอบ
เคล็ดลับ: เหตุการณ์ onmouseenter คล้ายกับ onmouseover เหตุการณ์ ความแตกต่างเพียงอย่างเดียวคือเหตุการณ์ onmouseenter ไม่ฟอง (does not propagate up the document hierarchy) ดู "More Examples" ที่ด้านล่างของหน้านี้ให้เข้าใจถึงความแตกต่าง
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เหตุการณ์
| เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | ใช่ | 6.1 | 11.5 |
วากยสัมพันธ์
ใน HTML:
ใน JavaScript:
object .onmouseenter=function(){ ลองตัวเอง» ใน JavaScript โดยใช้ addEventListener() วิธีการ:
object .addEventListener("mouseenter", myScript );
ลองตัวเอง» หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
รายละเอียดทางเทคนิค
| บับเบิ้ล: | ไม่ |
|---|---|
| ยกเลิก: | ไม่ |
| ประเภทเหตุการณ์: | MouseEvent |
| แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมดยกเว้น: <ฐาน> <BDO> ฟรี <head> <html> <iframe> <meta> <พารามิเตอร์> <script> <style> และ <title> |
| DOM เวอร์ชัน: | ระดับที่ 2 เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ตัวอย่างนี้แสดงให้เห็นถึงความแตกต่างระหว่าง OnMouseMove, onmouseenter และวางเมาส์เหตุการณ์ที่เกิดขึ้น:
<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>
ลองตัวเอง» <object เหตุการณ์