ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


แอตทริบิวต์HTML ondragend


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

แอ็ตทริบิวต์ เริ่มondragendทำงานเมื่อผู้ใช้ลากองค์ประกอบหรือการเลือกข้อความเสร็จแล้ว

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

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

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

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

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

นำไปใช้กับ

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

องค์ประกอบ เหตุการณ์
องค์ประกอบ HTML ทั้งหมด ondragend

ตัวอย่าง

ตัวอย่าง P

เรียกใช้ JavaScript เมื่อผู้ใช้ลากองค์ประกอบ <p> เสร็จแล้ว:

<p draggable="true" ondragend="myFunction(event)">Drag me!</p>

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

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

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0