DOM ケースの共有 — jQ は、任意の場所をクリックして特定の場所を閉じる効果を実現します

Javascript 学習における DOM の練習で、jQ はどこかをクリックして何かを閉じる効果を実現します (モーダル ボックスの背後のマスク レイヤーでよく使用されます)

どこかをクリックして何かを閉じる

そして、対応する場所をクリックしても自分自身を非表示にすることはありません

原則

//点击文档任意处都触发该事件$(document).mousedown(function(e){
    //只有当某对象存在时才会有的点击任意处出现的事件效果
    if($(e.target).parents(".search").length==0){
        $("xxx").slideToggle(300);//显示隐藏
    }
})

以下のウェブページの一部を実際の実践から抜粋したので、最終的なスタイルは異なる可能性があります。アイデアは
rreeeeefect

code

htmlpart

rreee

jspart

rreee

lereedrecortated：

juquer

Web ページ上の任意の場所をクリックして新しいウィンドウを開いたり、ウィンドウを閉じたりするための JavaScript 実装コード

関連ビデオ:

DOM 探索の基本の詳細な説明

以上がDOM ケースの共有 — jQ は、任意の場所をクリックして特定の場所を閉じる効果を実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。