jQuery mousemove ()เมธอด
ตัวอย่าง
รับตำแหน่งของตัวชี้เมาส์ภายในหน้า:
$(document).mousemove(function(event){
$("span").text(event.pageX + ", " + event.pageY);
});
ความหมายและการใช้งาน
เหตุการณ์ mousemove เกิดขึ้นเมื่อใดก็ตามที่ตัวชี้เมาส์เคลื่อนที่ภายในองค์ประกอบที่เลือก
mousemove() วิธีการเรียกเหตุการณ์ mousemove หรือแนบฟังก์ชันที่จะทำงานเมื่อเหตุการณ์ mousemove เกิดขึ้น
หมายเหตุ:ทุกครั้งที่ผู้ใช้เลื่อนเมาส์ไปหนึ่งพิกเซล จะเกิดเหตุการณ์ mousemove ต้องใช้ทรัพยากรระบบในการประมวลผลเหตุการณ์ mousemove ทั้งหมด ใช้เหตุการณ์นี้อย่างระมัดระวัง
ไวยากรณ์
ทริกเกอร์เหตุการณ์ mousemove สำหรับองค์ประกอบที่เลือก:
$(selector).mousemove()
แนบฟังก์ชันกับเหตุการณ์ mousemove:
$(selector).mousemove(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mousemove event is triggered |
ลองด้วยตัวคุณเอง - ตัวอย่าง
แสดงให้เห็นถึงความแตกต่างระหว่าง mouseover(), mouseenter() และ mousemove()