Drag và Drop trong HTML5 – VietTuts

STTCác thuộc tính DataTransfer và Mô tả
1

dataTransfer.dropEffect [ = value ]

  • Trả về loại hoạt động mà hiện tại được chọn.

  • Thuộc tính này có thể được thiết lập, để thay đổi hoạt động chọn.

  • Các giá trị có thể là: none, copy, link,move.

2

dataTransfer.effectAllowed [ = value ]

  • Trả về loại hoạt động mà được cho phép.

  • Thuộc tính này có thể được thiết lập để thay đổi hoạt động cho phép.

  • Các giá trị có thể là: none, copy, copyLink, copyMove, link, linkMove, move, alluninitialized.

3

dataTransfer.types

Trả về một DOMStringList liệt kê các định dạng mà được thiết lập trong sự kiện dragstart. Ngoài ra, nếu bất cứ file nào đang được kéo, thì khi đó một trong số các kiểu sẽ là chuỗi “File”.

4

dataTransfer.clearData( [ format ] )

Gỡ bỏ dữ liệu của các định dạng đã xác định trước. Gỡ bỏ tất cả dữ liệu nếu tham số là bỏ trống.

5

dataTransfer.setData(format, data)

Thêm dữ liệu đã xác định.

6

data = dataTransfer.getData(format)

Trả về dữ liệu đã xác định. Nếu không có dữ liệu nào, trả về chuỗi trống.

7

dataTransfer.files

Trả về một danh sách file của các file đang được kéo.

8

dataTransfer.setDragImage(element, x, y)

Sử dụng phần tử đã cho để cập nhật sự phản hồi hoạt động kéo, thay thế bất kỳ sự phản hồi đã xác định trước đó.

9

dataTransfer.addElement(element)

Thêm phần tử đã cho tới danh sách các phần tử được sử dụng để trả về sự phản hồi hoạt động kéo.