Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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.mozCursor property returns or sets the drag cursor's state. This is primarily used to control the cursor during tab drags.

The possible values are:


Uses the default system behavior.


Uses the default Gecko behavior, which is to set the cursor to an arrow during the drag operation.

Note: If any value other than default is set, auto is assumed.

Note: This property is currently only implemented on Windows.

Note: This property is Gecko-specific.


A string representing one of the values listed above.


This example shows the use of the mozCursor property.

function drop_handler(event)
  const dragData = event.dataTransfer;
  console.log(`mozCursor = ${dragData.mozCursor}`);


This property is not defined in any Web standard.

Browser compatibility

BCD tables only load in the browser

See also