v146 · Web APIs · DropEffect Demo

DropEffect Demo

Drag the item to the drop zone. The log shows dropEffect in both dragover and drop events. In Chrome 146 they match. In older Chrome the drop event always showed 'none'.

Choose a dropEffect to set in dragover, then drag the item to the drop zone and check that the drop event reports the same value. In Chrome 146 the drop handler now correctly receives the negotiated effect.

drag and drop

Drag source

Drag me
Drop here
(effectAllowed: copyMove)

event log

Drag the item above to see events…

see also