Skip to main content
Deno 2 is finally here 🎉️
Learn more
Module

x/evt/lib/index.ts>dom.DataTransfer

💧EventEmitter's typesafe replacement
Go to Latest
interface dom.DataTransfer
import { type dom } from "https://deno.land/x/evt@v2.4.22/lib/index.ts";
const { DataTransfer } = dom;

Used to hold the data that is being dragged during a drag and drop operation. It may hold one or more data items, each of one or more data types. For more information about drag and drop, see HTML Drag and Drop API.

Properties

dropEffect: string

Returns the kind of operation that is currently selected. If the kind of operation isn't one of those that is allowed by the effectAllowed attribute, then the operation will fail.

Can be set, to change the selected operation.

The possible values are "none", "copy", "link", and "move".

effectAllowed: string

Returns the kinds of operations that are to be allowed.

Can be set (during the dragstart event), to change the allowed operations.

The possible values are "none", "copy", "copyLink", "copyMove", "link", "linkMove", "move", "all", and "uninitialized",

readonly
files: FileList

Returns a FileList of the files being dragged, if any.

readonly
items: DataTransferItemList

Returns a DataTransferItemList object, with the drag data.

readonly
types: ReadonlyArray<string>

Returns a frozen array listing the formats that were set in the dragstart event. In addition, if any files are being dragged, then one of the types will be the string "Files".

Methods

clearData(format?: string): void

Removes the data of the specified formats. Removes all data if the argument is omitted.

getData(format: string): string

Returns the specified data. If there is no such data, returns the empty string.

setData(format: string, data: string): void

Adds the specified data.

setDragImage(
image: Element,
x: number,
y: number,
): void

Uses the given element to update the drag feedback, replacing any previously specified feedback.