New to Kendo UI for jQuery? Start a free 30-day trial

Dragstart

events

Fired when item drag starts. The dragstart event represents a jQuery mousedown event and contains all the event data of the jQuery Event Object.

dragstart

Event Data

e.sender `kendo.ui.Draggable`

The Draggable instance which fired the event.

e.target `Element`

The draggable element.

<div id="draggable"></div>

<script>
  $("#draggable").kendoDraggable({
    hint: function(element) {
      return element.clone();
    },
    dragstart: function(e) {
      e.currentTarget.hide();
    },
    dragend: function(e) {
      e.currentTarget.show();
    }
  });
</script>
<style>
  #draggable {
    width: 50px;
    height: 50px;
    background-color: orange;
    border: 2px solid green;
  }
</style>

Dragstart

dragstart

Event Data

e.sender kendo.ui.Draggable

e.target Element

e.sender `kendo.ui.Draggable`

e.target `Element`