jquery - jQueryクリック()イベントキャッチオール?

Question

ボディ、アンカー、div、ボタンなど、ユーザーが画面上の任意の場所をクリックしたときに非表示にするボックスを画面に表示しています...これを処理できるセレクターはありますか? それともの場合$('body, a, div, input').click()ですか？

Answer 1

次のように実行できます。

$(document).click(function() {
  $("#boxID").hide();
});

イベントはclickデフォルトで までバブリングするため、これは「キャッチオール」アプローチです...ボックス内documentからのクリックでボックスを閉じたくない場合は、次のようにこれらのイベントの呼び出しを追加します。.stopPropagation() click

$("#boxID").click(function(e) {
  e.stopPropagation();
});

Answer 2

ドキュメント要素のクリックイベントにバインドするだけです。http://jsfiddle.net/ZqEbY/で試してみてください。