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