ตัวอย่าง
รัน JavaScript เมื่อผู้ใช้เสร็จแล้วลาก <p> องค์ประกอบ:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p> ลองตัวเอง» ความหมายและการใช้งาน
ondragend แอตทริบิวต์การเกิดเพลิงไหม้เมื่อผู้ใช้เสร็จแล้วลากองค์ประกอบหรือข้อความที่เลือก
ลากและวางเป็นคุณลักษณะที่พบบ่อยมากใน HTML5 มันคือเมื่อคุณ "คว้า" วัตถุและลากไปยังตำแหน่งที่แตกต่างกัน สำหรับข้อมูลเพิ่มเติมโปรดดูที่การสอนของเราใน HTML HTML5 ลากและวาง
หมายเหตุ: เพื่อให้องค์ประกอบที่ลากใช้ HTML5 ทั่วโลก draggable แอตทริบิวต์
เคล็ดลับ: การเชื่อมโยงและภาพที่ลากโดยค่าเริ่มต้นและไม่จำเป็นต้อง draggable แอตทริบิวต์
มีคุณลักษณะเหตุการณ์หลายอย่างที่ถูกนำมาใช้เป็นและสามารถเกิดขึ้นได้ในระยะที่แตกต่างกันของการลากและวางการดำเนินงาน:
- เหตุการณ์ยิงเป้าหมายที่ลาก (องค์ประกอบของแหล่งที่มา):
- ondragstart - ไฟไหม้เมื่อผู้ใช้เริ่มที่จะลากองค์ประกอบ
- ondrag - ไฟไหม้เมื่อองค์ประกอบที่จะถูกลาก
- ondragend - ไฟไหม้เมื่อผู้ใช้เสร็จแล้วลากองค์ประกอบ
- เหตุการณ์ยิงเป้าหมายลดลง:
- ondragenter - ไฟไหม้เมื่อองค์ประกอบลากเข้าสู่เป้าหมายลดลง
- ondragover - ไฟไหม้เมื่อองค์ประกอบลากมากกว่าเป้าหมายลดลง
- ondragleave - ไฟไหม้เมื่อองค์ประกอบลากใบเป้าหมายลดลง
- ondrop - ไฟไหม้เมื่อองค์ประกอบลากจะลดลงไปตามเป้าหมายลดลง
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ event แอตทริบิวต์
| แอตทริบิวต์เหตุการณ์ | |||||
|---|---|---|---|---|---|
| ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ondragend แอตทริบิวต์เป็นของใหม่ใน HTML5
วากยสัมพันธ์
<elementondragend=" script ">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| script | สคริปต์ที่จะทำงานใน ondragend |
รายละเอียดทางเทคนิค
| แท็กที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |
|---|
หน้าเว็บที่เกี่ยวข้อง
HTML Tutorial: การ ลากและวาง HTML5
อ้างอิง HTML: HTML แอตทริบิวต์ที่ลาก
HTML DOM อ้างอิง: เหตุการณ์ ondragend