在JQuery上拖拽

Question

我使用JQuery识别dragstart和dragstop。 dragstart事件工作正常，但dragstop事件没有。 这是我写的代码 -

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

感谢。

Answer 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" />