dialog.requestClose()

概要

dialog.requestClose() はダイアログに閉じるリクエストを送信し、cancel イベントでキャンセル可能な閉じる操作を実装できます。

対応ブラウザ

基本構文

const dialog = document.getElementById('myDialog');
// キャンセル可能な閉じるリクエスト
dialog.addEventListener('cancel', (e) => {
  if (!confirm('閉じてもよいですか？')) e.preventDefault();
});
dialog.requestClose();

実務での使いどころ

• dialog.requestClose() の活用

  dialog.requestClose()。ダイアログの閉じるリクエストを発行するメソッド。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — dialog.requestClose()