Heim >Web-Frontend >js-Tutorial >jquery implementiert die Methode zum Ausblenden der Dropdown-Div- und Maskenebene, wenn auf andere Bereiche geklickt wird_jquery
Das Beispiel in diesem Artikel beschreibt, wie JQuery das Ausblenden der Dropdown-Div- und Maskenebene implementiert, wenn auf andere Bereiche geklickt wird. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Um eine bessere Benutzererfahrung zu erzielen, klicken Sie beim Erweitern des Dropdowns auf andere Bereiche, um das Dropdown-Menü und die Maskierungsebene automatisch auszublenden Stück js Das ist es.
Das folgende Bild ist ein Beispiel für ein Dropdown-Menü als Referenz:
Quellcode der Effektimplementierung:
$(document).bind('click', function(e) { var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcElement; while (elem) { //循环判断至跟节点,防止点击的是div子元素 if (elem.id && elem.id == 'menu') { return; } elem = elem.parentNode; } //点击的不是div或其子元素 $('.menuList,.overlay').hide(); });
Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.