Remove the data associated with a given type.
Remove the data associated with a given type. The type argument is optional. If the type is empty or not specified, the data associated with all types is removed. If data for the specified type does not exist, or the data transfer contains no data, this method will have no effect.
MDN
The actual effect that will be used, and should always be one of the possible values of effectAllowed.
The actual effect that will be used, and should always be one of the possible values of effectAllowed.
MDN
See DragEffect for possible values.
Specifies the effects that are allowed for this drag.
Specifies the effects that are allowed for this drag. You may set this in the dragstart event to set the desired effects for the source, and within the dragenter and dragover events to set the desired effects for the target. The value is not used for other events.
MDN
See DragEffect for possible values.
Retrieves the data for a given type, or an empty string if data for that type does not exist or the data transfer contains no data.
Retrieves the data for a given type, or an empty string if data for that type does not exist or the data transfer contains no data.
A security error will occur if you attempt to retrieve data during a drag that was set from a different domain, or the caller would otherwise not have access to. This data will only be available once a drop occurs during the drop event.
MDN
Set the data for a given type.
Set the data for a given type. If data for the type does not exist, it is added at the end, such that the last item in the types list will be the new format. If data for the type already exists, the existing data is replaced in the same position. That is, the order of the types list is not changed when replacing data of the same type.
MDN
Set the image to be used for dragging if a custom one is desired.
Set the image to be used for dragging if a custom one is desired. Most of the time, this would not be set, as a default image is created from the node that was dragged.
If the node is an HTML img element, an HTML canvas element or a XUL image element, the image data is used. Otherwise, image should be a visible node and the drag image will be created from this. If image is null, any custom drag image is cleared and the default is used instead.
The coordinates specify the offset into the image where the mouse cursor should be. To center the image, for instance, use values that are half the width and height of the image.
An element to use as the drag feedback image.
Horizontal offset within the image.
Vertical offset within the image.
Holds a list of the format types of the data that is stored for the first item, in the same order the data was added.
Holds a list of the format types of the data that is stored for the first item, in the same order the data was added. An empty list will be returned if no data was added.
MDN
The DataTransfer object is 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 Drag and Drop.
This object is available from the dataTransfer property of all drag events. It cannot be created separately.
MDN