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