jQuery erkennt den Effekt des Schließens der Popup-Ebene, indem es auf eine beliebige Stelle außerhalb der Popup-Ebene klickt

Wenn ich vorher an Projekten gearbeitet habe, habe ich oft auf eine Schaltfläche auf der Hauptseite geklickt und rechts wurde ein Div angezeigt, um detaillierte Informationen zum entsprechenden Inhalt auszugeben. Zu diesem Zeitpunkt hoffe ich, die Popup-Ebene zu schließen, wenn die Maus außerhalb der Popup-Ebene klickt. Die Hauptidee ist:

Finden Sie das mit der Maus angeklickte Element

Bestimmen Sie, ob sich dieses Element im angegebenen Bereich befindet. Es dient tatsächlich dazu, festzustellen, ob sein übergeordnetes Element eine Popup-Ebene ist

Wenn nicht, blenden Sie die Popup-Ebene aus. Wenn ja, Es wird keine Operation ausgeführt.

Spezifische Implementierung

Dieser Code erfordert jQuery. Der Code lautet wie folgt:

$(document).mousedown(function(e){
if($(e.target).parent("#info").length==0){
$("#info").hide();
}
})
$(document).mousedown(function(e){})

$(document) dient dazu, das gesamte Webseitendokumentobjekt abzurufen, ähnlich wie natives window.ducument

mousedown ist ein Mausereignis, das sich darauf bezieht, wann sich der Mauszeiger über das Element bewegt Die Maustaste wird gedrückt. Ähnliche Ereignisse sind:

Mouseup: beim Entspannen auf dem Element. Maustaste

Mouseover: Wenn sich der Mauszeiger über dem Element befindet

$(z. target)

$(e.target) gibt das Element an, das das Klickereignis erhält.

parent()

$(e.target).parent("#info").length soll das übergeordnete Element des aktuellen Klickereigniselements mit der ID info abrufen.