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

แอตทริบิวต์ของออบเจ็กต์ DataTransfer คืออะไร?


ออบเจ็กต์ DataTransfer เก็บข้อมูลเกี่ยวกับการลากและวาง (drag and drop) ข้อมูลนี้สามารถดึงและตั้งค่าได้ผ่านแอตทริบิวต์ต่างๆ ที่เกี่ยวข้องกับออบเจ็กต์ DataTransfer

แอตทริบิวต์ต่อไปนี้:

ลำดับแอตทริบิวต์ DataTransfer และคำอธิบาย
1dataTransfer.dropEffect [ = value ]
  1. คืนค่าประเภทการดำเนินการที่เลือกอยู่
  2. แอตทริบิวต์นี้สามารถตั้งค่าได้ เพื่อเปลี่ยนการดำเนินการที่เลือก
  3. ค่าที่เป็นไปได้: none, copy, link, move
2dataTransfer.effectAllowed [ = value ]
  1. คืนค่าประเภทการดำเนินการที่อนุญาต
  2. สามารถตั้งค่าได้ เพื่อเปลี่ยนการดำเนินการที่อนุญาต
  3. ค่าที่เป็นไปได้: none, copy, copyLink, copyMove, link, linkMove, move, all และ uninitialized
3dataTransfer.types
คืนค่า DOMStringList ที่แสดงรูปแบบที่ตั้งค่าในเหตุการณ์ dragstart นอกจากนี้ หากมีไฟล์ถูกลาก จะมีประเภท "Files" อยู่หนึ่งในนั้น
4dataTransfer.clearData([format])
ลบข้อมูลของรูปแบบที่ระบุ ลบข้อมูลทั้งหมดหากไม่ระบุอาร์กิวเมนต์
5dataTransfer.setData(format, data)
เพิ่มข้อมูลที่ระบุ
6data = dataTransfer.getData(format)
คืนค่าข้อมูลที่ระบุ หากไม่มีข้อมูลดังกล่าว จะคืนสตริงว่าง
7dataTransfer.files
คืนค่า FileList ของไฟล์ที่ถูกลาก (ถ้ามี)
8dataTransfer.setDragImage(element, x, y)
ใช้องค์ประกอบที่กำหนดเพื่ออัปเดตการแสดงผลขณะลาก แทนที่การแสดงผลที่ระบุไว้ก่อนหน้า
9dataTransfer.addElement(element)
เพิ่มองค์ประกอบที่กำหนดเข้าไปในรายการองค์ประกอบที่ใช้แสดงผลขณะลาก