HTMLAreaElement: Eigenschaft interestForElement
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Die interestForElement-Eigenschaft der Schnittstelle HTMLAreaElement ruft das Ziel-Element eines Interesses-Initiators ab oder legt es fest, in Fällen, in denen das zugehörige <area>-Element als Interessen-Initiator angegeben ist.
Siehe Creating an interest invoker für weitere Details.
Wert
Eine Instanz des Element-Objekts oder null, wenn das zugehörige <area>-Element kein Ziel-Element festgelegt hat.
Beispiele
Grundlegende Verwendung von interestForElement
In diesem Beispiel verwenden wir die interestForElement-Eigenschaft eines <area>-Elements, um dessen Ziel-Element festzulegen und dann den tagName des Ziel-Elements abzurufen. Der tagName wird dann im Textinhalt des <area>-Elements ausgegeben.
HTML
Wir fügen ein <area>-Element und ein <div>-Element ein. Wir verwandeln das <div>-Element in ein Popover, indem wir ein popover-Attribut darauf setzen.
<map name="example-map" id="example-map">
<area href="#" shape="default" alt="Example area" />
</map>
<div id="mypopover" popover>I am a <code><div></code> element.</div>
JavaScript
Wir erhalten Verweise auf die <area>- und <div>-Elemente im Skript und deklarieren dann eine Interessen-Initiator-Ziel-Beziehung zwischen dem <area> und dem <div>, indem wir die interestForElement-Eigenschaft des <area>-Elements auf einen Verweis auf das <div> setzen. Dann setzen wir den Textinhalt des <area>-Elements auf eine Zeichenfolge, die den tagName des Ziel-Elements enthält, der über invoker.interestForElement.tagName abgerufen wird.
const invoker = document.querySelector("area");
const popover = document.querySelector("div");
invoker.interestForElement = popover;
invoker.textContent = `My target is a ${invoker.interestForElement.tagName} element`;
Ergebnis
Das Beispiel wird wie folgt dargestellt:
Versuchen Sie, Interesse am Bereich zu zeigen (zum Beispiel, indem Sie darüber schweben oder ihn fokussieren), um das <div> erscheinen zu lassen.