Holt den aktuellen Wert von datalist onhover
Ich versuche den aktuellen Wert des hovered Elements eines Datenzeichners zu erhalten. Wenn ich also den Datenlogger mit Werten öffne und meine Maus darüber bewege, möchte ich, dass die Werte in der Konsole erscheinen.
Das ist mein Versuch:
%Vor%Und hier ist eine Geige: Ссылка
2 Antworten
Ich bin mir nicht sicher, ob das möglich sein wird. Datalist-Optionen werden zwar im DOM-Baum des Hauptdokuments angezeigt, aber gekapselt als Teil eines Shadow-DOM Struktur, und auf die vom übergeordneten Dokument aus nicht zugegriffen werden kann. Es sind diese eingekapselten Schatten-DOM-Knoten, über die Sie tatsächlich schweben (sicherlich in Chrome sowieso), und der ursprüngliche Knoten in der Haupt-DOM-Struktur wird nicht mit einem mouseover oder hover -Ereignis ausgelöst, wenn Sie den Mauszeiger über den Schatten bewegen DOM Knoten.
Wenn Sie Chrome DevTools zum Überprüfen der DOM-Struktur in Ihrem JSFiddle-Beispiel verwenden, können Sie die Schattenwurzel der gekapselten DOM-Struktur sehen:
Siehe diese Erklärung aus einer anderen Stapelüberlauf-Frage, um weitere Informationen darüber zu erhalten, warum Sie im übergeordneten Dokument keine Ereignisse im Shadow-DOM abhören können.
Tags und Links javascript jquery html-datalist