CODEWITHSUNDEEP
javascriptdrag-and-drop
vikram
vikram

Reputation: 77

How to invoke ondragstart and drop event manually javascript

I have used html ondragstart and ondrop events. 

  <div class="row height_380_div" id="target_div_id" ondragover="drag_over(event)" ondrop="drop(event)">
       <div ondragstart="dragStart(event)" class="alert alert-warning col-lg-12 height_30_div node" draggable="true" id="call" name="Call" >
           <button class="close top_min_10 hidden call_btn" data-dismiss="alert" onclick="remove_btn(this)">
    &times;</button><p class="top_min_10">Call</p>
       </div>
 </div>

I want to drag and drop this dynamically on page load. Means for example, the div should be dragged to 100 px left and dropped there, which should be called dynamically when page loads and it should run on its own. How to do that?

Upvotes: 1

Views: 681

Answers (1)

David Sergeev
David Sergeev

Reputation: 109

posted 6 year ago ((( ... anyways, if anyone needs it Ill leave it here ))

// add listenner to element
someElement.addEventListener('dragstart', () => '...do something');

// fire the custom event (I didn't check it in action, but it worked in my unit 
//tests so )))
const dragEvent = new Event('dragstart');
someElement.dispatchEvent(dragEvent);

Upvotes: 1

Related Questions