JQueryのDragstop

Question

Jleryを使用して、dragstartとdragstopを認識しています。 dragstartイベントは完全に機能していますが、dragstopイベントは機能しません。 は、ここで私は

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

おかげ

をwrote-コードです。

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