javascript - Div イベントのバブリング

Question

私のプロジェクトには、window クリック eventListener と div 要素のいくつかのクリック イベントがあります。div をクリックすると、この div 要素のクリック イベント (正しい) とウィンドウ クリック eventListener が発生します (正しくない)。

ウィンドウ クリック eventListener がイベントを発生させない div 要素をバブルできますか?

より良いデモンストレーション jsfiddle のために:

window.addEventListener('mouseup', onDocumentMouseUp, false);

function onDocumentMouseUp(event){
	 alert('dont fire this event on button click')
}

$('#button').on({
  click: function (event) {
		alert('button click event');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="button" style="height: 30px; width: 30px; background: blue"></div>

誰かが私を助けてくれることを願っています。