jQuery mouseleave()เมธอด
ตัวอย่าง
ตั้งค่าสีพื้นหลังเป็นสีเทา เมื่อตัวชี้เมาส์ออกจาก <p> องค์ประกอบ:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
ความหมายและการใช้งาน
เหตุการณ์ mouseleave เกิดขึ้นเมื่อตัวชี้เมาส์ออกจากองค์ประกอบที่เลือก
mouseleave() วิธีการเรียกเหตุการณ์ mouseleave หรือแนบฟังก์ชันที่จะทำงานเมื่อเกิดเหตุการณ์ mouseleave
หมายเหตุ:ไม่เหมือนกับ เหตุการณ์ mouseoutเหตุการณ์ mouseleave จะทริกเกอร์เมื่อตัวชี้เมาส์ออกจากองค์ประกอบที่เลือกเท่านั้น เหตุการณ์ mouseout จะถูกทริกเกอร์หากตัวชี้เมาส์ออกจากองค์ประกอบย่อยและองค์ประกอบที่เลือก ดูตัวอย่างที่ส่วนท้ายของหน้าสำหรับการสาธิต
เคล็ดลับ:เหตุการณ์นี้มักใช้ร่วมกับ เหตุการณ์mouseenter
ไวยากรณ์
ทริกเกอร์เหตุการณ์ mouseleave สำหรับองค์ประกอบที่เลือก:
$(selector).mouseleave()
แนบฟังก์ชันกับเหตุการณ์ mouseleave:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
ลองด้วยตัวคุณเอง - ตัวอย่าง
แสดงให้เห็นถึงความแตกต่างระหว่าง mouseleave() และ mouseout()