Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีตั้งค่าให้ข้อมูลที่ลาก (Dragged Data) ถูกคัดลอก ย้าย หรือลิงก์ เมื่อวาง (Dropped) ใน HTML

ใช้แอตทริบิวต์ dropzone เพื่อตั้งค่าว่าข้อมูลที่ลากจะถูกคัดลอก ย้าย หรือลิงก์ เมื่อวาง

  • Copy - การวางจะสร้างสำเนาขององค์ประกอบที่ลาก
  • Move - องค์ประกอบที่ลากจะถูกย้ายไปตำแหน่งใหม่
  • Link - สร้างลิงก์ไปยังข้อมูลที่ลาก

ลองใช้งาน dropzone attribute ใน JavaScript:

<div dropzone="copy"> </div>

สถานะปัจจุบัน: ไม่มีเบราว์เซอร์ใดรองรับแอตทริบิวต์นี้ อยู่แล้ว

ตัวเลือกแทนที่: ใช้ HTML5 Drag and Drop API พร้อม JavaScript (dataTransfer.effectAllowed, dataTransfer.dropEffect) เพื่อควบคุมพฤติกรรมการลากวางได้เต็มที่