javascript - ユーザーがドキュメント内の任意の場所をクリックしたときにポップアップをフェードする

Question

ポップアップが表示され、ユーザーがドキュメント内のポップアップ以外の場所をクリックすると、ポップアップがフェードアウトする必要がありました。

target.attr メソッドで試してみましたが、Mozilla で失敗しました。

アイデアはありますか？前もって感謝します

Answer 1

jQueryフェードアウトメソッドと1 つのメソッドを使用できます。

何かのようなもの ：

jQuery("#yourpoup").click(function(){ return false; });
jQuery(document).one("click", function() { jQuery("#yourpoup").fadeOut(); });

この質問によると、これを使用する方がバインドを使用するよりも優れています。

Answer 2

外部のクリック用の JQuery プラグインもあります。これにより、ポップアップ以外のすべてのクリックを処理できます。

http://benalman.com/projects/jquery-outside-events-plugin/

$("#yourpopup").bind( "clickoutside", function(event){
$(this).fadeOut(500);
});

Answer 3

ポップアップが JQuery ダイアログの場合、次のスレッドが表示されます。

jQuery UI - 外側をクリックするとダイアログを閉じる

Answer 4

Use jquery as example, assumed $popup is the your popup element

$('body').click(function(){
    // hide the popup here
});

$popup.click(function(e) {
    // do something here if needed
    e.stopPropagation();
});

The key is when click in the popup, stop bubble the event to body, so will not fire the function attached to body.