ตัวอย่าง
การตั้งค่าสีพื้นหลังเป็นสีเหลืองเมื่อชี้เมาส์จะเข้าสู่ <p> องค์ประกอบ:
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
ลองตัวเอง» ความหมายและการใช้งาน
mouseenter เหตุการณ์เกิดขึ้นเมื่อตัวชี้เมาส์อยู่เหนือ (เข้า) องค์ประกอบที่เลือก
mouseenter() วิธีการเรียก mouseenter เหตุการณ์หรือการยึดติดฟังก์ชั่นการทำงานเมื่อ mouseenter เหตุการณ์เกิดขึ้น ..
หมายเหตุ: ซึ่งแตกต่างจาก mouseover เหตุการณ์ที่ mouseenter เหตุการณ์เดียวทริกเกอร์เมื่อตัวชี้เมาส์เข้าองค์ประกอบที่เลือกmouseover เหตุการณ์จะถูกเรียกตัวชี้เมาส์ถ้าเข้ามาองค์ประกอบของเด็ก ๆ ได้เป็นอย่างดี ดูตัวอย่างในตอนท้ายของหน้าสำหรับการสาธิตการให้
เคล็ดลับ: เหตุการณ์นี้มักจะใช้ร่วมกับ mouseleave เหตุการณ์
วากยสัมพันธ์
เรียก mouseenter เหตุการณ์สำหรับองค์ประกอบที่เลือก:
$(selector).mouseenter()
Try it
แนบฟังก์ชั่นที่ mouseenter เหตุการณ์:
$(selector).mouseenter(function)
Try it
| พารามิเตอร์ | ลักษณะ |
|---|---|
| function | ไม่จำเป็น ระบุฟังก์ชั่นในการทำงานเมื่อ mouseenter เหตุการณ์จะถูกเรียก |
ลองตัวเอง - ตัวอย่าง
ความแตกต่างระหว่าง mouseenter(), mouseover() และ mousemove()
แสดงให้เห็นถึงความแตกต่างระหว่าง mouseenter(), mouseover() และ mousemove()