いくつかの HTML メニューがあり、ユーザーがこれらのメニューの先頭をクリックすると、メニューが完全に表示されます。ユーザーがメニューの領域外をクリックしたときに、これらの要素を非表示にしたいと思います。
jQuery でこのようなことは可能でしょうか?
$("#menuscontainer").clickOutsideThisElement(function() {
// Hide the menus
});
ベストアンサー1
注意:
stopPropagation
DOMの通常のイベントフローを中断するため、使用は避けるべきです。このCSSトリックの記事詳細については、この方法その代わり。
ウィンドウを閉じるクリック イベントをドキュメント本体に添付します。ドキュメント本体への伝播を停止する別のクリック イベントをコンテナーに添付します。
$(window).click(function() {
//Hide the menus if visible
});
$('#menucontainer').click(function(event){
event.stopPropagation();
});