JS ポップアップ ボックスの外側をクリックしてトリック コードを非表示にします

この記事では主に JS ポップアップ ボックスのクリック外部非表示テクニックのコードを共有します。お役に立てれば幸いです。

$(document).click(function (e) {
    if (!$(e.target).hasClass('alert-container') && $(e.target).parents('.alert-container').length === 0
        && !$(e.target).hasClass('btn-eco-bell') && $(e.target).parents('.btn-eco-bell').length === 0) {
        that.$el.find('#bellp').hide();
}

このイベントをバインドするコツは、alert-container クラスがポップアップ ウィンドウ p であり、btn-eco-bell がクリック ボタンであることです。ボタンをクリックするか、ポップアップ ウィンドウ内をクリックすると、ポップアップ ウィンドウは非表示になりません。外側をクリックしてもポップアップ ウィンドウは非表示になります。p

関連する推奨事項:

js カスタム ポップアップ ボックス プラグインのカプセル化例の紹介

ポップアップを実装する JavaScript閉じることができないボックスのサンプル コード

jQuery どこかをクリックして DIV 関数を非表示にします

以上がJS ポップアップ ボックスの外側をクリックしてトリック コードを非表示にしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。