jQuery mouseup nie wypalanie po drag off linku

Question

Zobacz ten jsfiddle:

http://jsfiddle.net/CB87X/6/

kliknąć i przytrzymać przycisk, przeciągnij od przycisku i uwalniania. Jak widać, zdarzenie mouseup nigdy nie zostanie wywołane, jeśli mysz nie znajduje się nad elementem po zwolnieniu przycisku myszy. Tak więc stylizacja w moim przykładzie nigdy nie zmienia się z powrotem do oryginału. Jak wywołać zdarzenie mouseup, jeśli przycisk myszy zostanie zwolniony, gdy nie zostanie kliknięty element?

Edit1: BTW Przyjrzałem się kilku rozwiązaniom na tej stronie, zaimplementowałem je, a zdarzenie mouseup nie zostało uruchomione.

Answer 1

Zdarzenie mouseup jest względne względem miejsca, w którym znajduje się wskaźnik i jest to oczekiwane zachowanie. Jeśli chcesz, aby przycisk poprawnie się ubarwił, połącz także wydarzenie mouseleave.

Answer 2

Rozwidlona swoją exemple do świadczenia pracy przykład:

http://jsfiddle.net/67Rrs/2/

Gdy przycisk jest mousedown ed, zdarzenie jest zobowiązany do następnego mouseup, gdzie to się dzieje, że resetuje styl.

Answer 3

To powinno wystarczyć. Jeśli klikniesz lewym przyciskiem myszy na przycisk (.but) i przeciągniesz, możesz w dowolnym miejscu na stronie mouseup i nadal uruchamiać zdarzenie kliknięcia. Jeśli masz mouseleave stronę "body" i mouseup, bind wyd mouseleave wydarzenie jest unbind wyd.

$('.but').mousedown(function(e) { 
    if (e.which == 1) { 
     var $this = $(this); 
     $this.bind('mouseleave', function(){ 
      $('body').one('mouseup', function() { 
       $this.click(); 
      }); 
     }); 
     $this.mouseup(function() { 
      $(this).unbind('mouseleave'); 
     }); 
    } 
});