Fires when a ListBox item is dropped over one of the drop targets.

Event Data

e.items Array

The item elements that are to be dropped.

e.dataItems Array

The data items that are to be dropped.

e.preventDefault Function

If invoked, prevents the drop action. The element will remain at its original position. The hint and placeholder will be initialized.


<select id="listBox">
     draggable: true,
     drop: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
         console.log("drop event");
In this article