如何捕捉拖動事件的任何結束？

Question

問題：具有設置爲draggable的元素。當用戶完成拖動元素以附加功能時，需要捕捉所有情況。到目前爲止，我使用mouseleave和mouseup但仍錯過一些情況。 這裏是代碼：

  handleMaxEl 
       .css('left', scope.max * rangeEl.width()/valuesNumber) 
       .draggable({ 
        containment: '.range-holder', 
        axis: 'x' 
       }) 
       .on('drag', handlesHandler) 
       .on('mouseup mounseleave', positionHandles); 

任何幫助嗎？

Answer 1

$("#draggable").draggable({ 
     start: function() { 
     counts[ 0 ]++; 
     updateCounterStatus($start_counter, counts[ 0 ]); 
     }, 
     drag: function() { 
     counts[ 1 ]++; 
     updateCounterStatus($drag_counter, counts[ 1 ]); 
     }, 
     stop: function() { 
     counts[ 2 ]++; 
     updateCounterStatus($stop_counter, counts[ 2 ]); 
     } 
    }); 

有用於拖動事件，啓動和停止http://jqueryui.com/draggable/#events

Answer 2

您可以使用stop回調可拖動，並在拖動停止時觸發。

$(".selector").draggable({ 
stop: function(event, ui) {} 
}); 

查看更多here。