HTML ondrag Attribute

ความหมายและการใช้งาน

ondragแอตทริบิวต์เริ่มทำงานเมื่อมีการลากองค์ประกอบหรือการเลือกข้อความ

หากต้องการเรียนรู้เกี่ยวกับการลากและวาง โปรดอ่านบทช่วยสอน HTML เกี่ยวกับHTML5 การลากแล้วปล่อย

เคล็ดลับ:ลิงก์และรูปภาพสามารถลากได้ตามค่าเริ่มต้น และไม่ต้องการdraggableแอตทริบิวต์

มีแอตทริบิวต์เหตุการณ์มากมายที่ใช้ และสามารถเกิดขึ้นได้ในขั้นตอนต่างๆ ของการดำเนินการลากแล้วปล่อย:

• เหตุการณ์ที่เกิดขึ้นกับเป้าหมายที่ลากได้ (องค์ประกอบต้นทาง) :
  • ondragstart - ยิงเมื่อผู้ใช้เริ่มลากองค์ประกอบ
  • ondrag - ยิงเมื่อองค์ประกอบถูกลาก
  • ondragend - ยิงเมื่อผู้ใช้ลากองค์ประกอบเสร็จแล้ว


• เหตุการณ์ที่เกิดขึ้นกับเป้าหมายการดรอป:
  • ondragenter - ยิงเมื่อองค์ประกอบที่ลากเข้าสู่เป้าหมายการวาง
  • ondragover - ยิงเมื่อองค์ประกอบที่ลากอยู่เหนือเป้าหมายการดรอป
  • ondragleave - ยิงเมื่อองค์ประกอบที่ลากออกจากเป้าหมายการดรอป
  • ondrop - ยิงเมื่อองค์ประกอบที่ลากถูกดร็อปบนเป้าหมายการดรอป

หมายเหตุ:ขณะลากองค์ประกอบondragเหตุการณ์จะเริ่มทำงานทุกๆ 350 มิลลิวินาที

นำไปใช้กับ

แอตทริบิวต์ondragนี้เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และใช้กับองค์ประกอบ HTML ใดก็ได้

ตัวอย่าง

รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์เหตุการณ์อย่างสมบูรณ์