このjsfiddleを参照してください：
ボタンをクリックして押したまま、ボタンをドラッグして離します。ご覧のとおり、マウスボタンを離したときにマウスが要素の上にない場合、mouseupイベントは発生しません。したがって、私の例のスタイルは元のスタイルに戻ることはありません。クリックされた要素の上にないときにマウスボタンが離された場合、どのようにmouseupイベントを発生させますか？
編集1：ところで、私はこのサイトでいくつかの解決策を見て、それらを実装しましたが、mouseupイベントはまだ発生しませんでした。
イベントはmouseupポインタがどこにあるかに関連しており、これは予想される動作です。ボタンのスタイルを適切に設定する場合は、mouseleaveイベントもバインドします。
これでうまくいくはずです。ボタン（.but）を左クリックしてドラッグするとmouseup、ページのどこにいてもクリックイベントを発生させることができます。mouseleaveページ'body'および。の場合mouseup、bindedmouseleaveイベントはunbindedです。
$('.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');
});
}
});
実例を提供するためにあなたの例をフォークしました：
ボタンがmousedown編集されると、イベントは次のイベントにバインドされ、mouseupそれが発生すると、スタイルがリセットされます。
$（document）.on（'mouseup dragend'、somefunc）;を使用するだけです。