Dragstop on JQuery

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