Dragstop на JQuery

Im, использующий JQuery для распознавания dragstart и dragstop.
Событие dragstart работает отлично, а событие dragstop-нет.
Вот код, который я написал-

$('img').on('dragstart', function (event) {
	$(function() {		      
            $("#toolbar").animate({width:'toggle'},0);      
		});
		
});
$('img').on('dragstop', function (event) {
		alert("hi");	
});

Спасибо.

1 ответ

  1. Используйте dragendсобытие! Срабатывает при завершении операции перетаскивания

    СмHTML Drag and Drop API.все события.

    $('img').on('dragstart', function(event) {
      $(function() {
        console.log('dragstart');
      });
    
    });
    $('img').on('dragend', function(event) {
      console.log('dragend');
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <img src="http://ultraimg.com/images/2016/07/29/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg" id="image" height="100px" width="100px" />