Kann JavaScript programmgesteuert ein HTML-Auswahl-Dropdown-Menü öffnen?

Kann ein JavaScript-Programm automatisch ein Dropdown-Menü in einem HTML-Auswahlelement öffnen?

Bisher war es möglich, das programmgesteuert auszulösen Dropdown eines HTML-Auswahlelements mithilfe einer Kombination aus JavaScript und Mausereignissimulation. Diese Methode ist jedoch veraltet und funktioniert nicht mehr.

Warum sie nicht mehr funktioniert

Der W3C Working Draft für HTML5 besagt, dass interaktive Elemente, einschließlich , sollte auf Nicht-Klick-Aktivierungen reagieren, indem es Klick-Aktivierungsschritte für das Element ausführt. Dies impliziert, dass die programmatische Klicksimulation funktionieren sollte.

Historischer Proof of Concept

Trotz hat herausgefunden, dass das Erstellen eines MouseEvent-Objekts und das Versenden an ein

Element hat tatsächlich dazu geführt, dass es heruntergefallen ist. Dies wurde in einer funktionierenden Fiddle demonstriert.

showDropdown = function(element) {
  var event;
  event = document.createEvent('MouseEvents');
  event.initMouseEvent('mousedown', true, true, window);
  element.dispatchEvent(event);
};

Aktuelle Einschränkungen

Leider wird diese Methode nur in Chrome unterstützt und funktioniert nicht mehr in modernen Browsern. Daher wird nicht empfohlen, sich beim Produktionscode darauf zu verlassen.

Das obige ist der detaillierte Inhalt vonKann JavaScript programmgesteuert ein HTML-Auswahl-Dropdown-Menü öffnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!