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