Heim > Web-Frontend > js-Tutorial > Kann ich die Optionen einer HTML-Auswahl programmgesteuert anzeigen?

Kann ich die Optionen einer HTML-Auswahl programmgesteuert anzeigen?

DDD
Freigeben: 2024-12-13 02:37:10
Original
854 Leute haben es durchsucht

Can I Programmatically Display an HTML Select's Options?

So zeigen Sie die Optionen einer HTML-Auswahl programmgesteuert an

Es ist allgemein bekannt, dass die programmgesteuerte Anzeige der Optionen einer HTML-Auswahl nicht möglich ist. Es gab jedoch eine veraltete Methode, die diese Funktionalität in Chrome ermöglichte.

Veraltete Chrome-Methode

Gemäß dem HTML5 W3C Working Draft können interaktive Inhaltselemente wie „select“ aktiviert werden über verschiedene Mittel, einschließlich Tastatur, Mausklicks und programmgesteuert.

Mit document.createEvent() und .dispatchEvent() war es möglich, ein synthetisches Klickereignis zu generieren und die Optionen beim Mouseover anzuzeigen.

Implementierung

Eine Beispielimplementierung umfasste die folgenden Schritte:

  1. Definieren Sie eine Funktion showDropdown, die ein MouseEvent mit dem Typ „mousedown“ erstellt und es bei der Auswahl auslöst Element.
  2. Rufen Sie bei einem Schaltflächenklickereignis die Funktion showDropdown auf, um die Optionen anzuzeigen.

Einschränkungen

Trotz der technischen Machbarkeit Diese Methode ist veraltet und funktioniert in modernen Browsern nicht. Es hatte auch den Nachteil, dass es nur in Chrome funktionierte und auf einem Verhalten beruhte, das nicht offiziell unterstützt wurde.

Das obige ist der detaillierte Inhalt vonKann ich die Optionen einer HTML-Auswahl programmgesteuert anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage