JavaScript はプログラムで HTML 選択ドロップダウン メニューを開くことができますか?

JavaScript プログラムは HTML 選択要素のドロップダウン メニューを自動的に開くことができますか?

以前は、プログラムでJavaScript とマウス イベント シミュレーションの組み合わせを使用した、HTML 選択要素のドロップダウン。ただし、このメソッドは非推奨となり、機能しなくなりました。

機能しなくなった理由

HTML5 の W3C 作業草案では、 を含むインタラクティブな要素は次のように規定されています。 、要素に対してクリック アクティベーション ステップを実行することで、クリック以外のアクティベーションに応答する必要があります。これは、プログラムによるクリック シミュレーションが機能するはずであることを意味します。

歴史的概念実証

Trotz は、MouseEvent オブジェクトを作成し、それを

にディスパッチしていることを発見しました。要素が実際にドロップダウンを引き起こしました。これは、動作する Fiddle で実証されました。

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

現在の制限事項

残念ながら、このメソッドは Chrome でのみサポートされており、最新のブラウザでは動作しません。そのため、実稼働コードでこれに依存することはお勧めできません。

以上がJavaScript はプログラムで HTML 選択ドロップダウン メニューを開くことができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。