DragEvent - Web APIs 编辑

The DragEvent interface is a DOM event that represents a drag and drop interaction. The user initiates a drag by placing a pointer device (such as a mouse) on the touch surface and then dragging the pointer to a new location (such as another DOM element). Applications are free to interpret a drag and drop interaction in an application-specific way.

This interface inherits properties from MouseEvent and Event.

Properties

DragEvent.dataTransfer Read only
The data that is transferred during a drag and drop interaction.

Constructors

Although this interface has a constructor, it is not possible to create a useful DataTransfer object from script, since DataTransfer objects have a processing and security model that is coordinated by the browser during drag-and-drops.

DragEvent()
Creates a synthetic and untrusted DragEvent.

Event types

drag
This event is fired when an element or text selection is being dragged.
dragend
This event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
dragenter
This event is fired when a dragged element or text selection enters a valid drop target.
dragexit
This event is fired when an element is no longer the drag operation's immediate selection target.
dragleave
This event is fired when a dragged element or text selection leaves a valid drop target.
dragover
This event is fired continuously when an element or text selection is being dragged and the mouse pointer is over a valid drop target (every 50 ms WHEN mouse is not moving ELSE much faster between 5 ms (slow movement) and 1ms (fast movement) approximately. This firing pattern is different than mouseover ).
dragstart
This event is fired when the user starts dragging an element or text selection.
drop
This event is fired when an element or text selection is dropped on a valid drop target.

GlobalEventHandlers

GlobalEventHandlers.ondrag
A global event handler for the drag event.
GlobalEventHandlers.ondragend
A global event handler for the dragend event.
GlobalEventHandlers.ondragenter
A global event handler for the dragenter event.
GlobalEventHandlers.ondragexit
A global event handler for the dragexit event.
GlobalEventHandlers.ondragleave
A global event handler for the dragleave event.
GlobalEventHandlers.ondragover
A global event handler for the dragover event.
GlobalEventHandlers.ondragstart
A global event handler for the dragstart event.
GlobalEventHandlers.ondrop
A global event handler for the drop event.

Example

An Example of each property, constructor, event type and global event handlers is included in their respective reference page.

Specifications

SpecificationStatusComment
HTML Living Standard
The definition of 'DragEvent' in that specification.
Living Standard 
HTML 5.1
The definition of 'DragEvent' in that specification.
RecommendationInitial definition

Browser compatibility

BCD tables only load in the browser

See also

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:110 次

字数:8697

最后编辑:7年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文