Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

DataTransfer.mozSourceNode

This article needs a technical review. How you can help.

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The DataTransfer.mozSourceNode property is used to determine the Node over which the mouse cursor was located when the the drag operation was initiated (for example, when a <button> was clicked). For external drags or if the calling function cannot reach the node, null is returned.

Note: This property is Gecko-specific.

This property is Read only .

Syntax

dataTransfer.mozSourceNode;

Return value

A Node representing node where the drag originated. Returns null for external drags or if the node cannot be accessed.

Example

This example shows the use of the mozSourceNode property in the dragend event handler.

function dragend_handler(event)
{
  var dragData = event.dataTransfer;
  var node = dragData.mozSourceNode;
  if (node != null)
    console.log("mozSourceNode = " + dragData.mozSourceNode);
  else
    console.log("mozSourceNode is null");
}

Specifications

This property is not defined in any Web standard.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
No support No support (Yes) No support No support No support
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support No support No support No support No support No support No support No support No support

[1]Partial support refers to not supporting .setDragImage [CanIUse.com]

See also

Document Tags and Contributors

 Contributors to this page: rolfedh, AFBarstow
 Last updated by: rolfedh,