HTMLDialogElement: closedBy プロパティ

値

文字列です。設定可能な値は次の通りです。

any

ダイアログは、簡単に閉じるユーザー操作、プラットフォーム特有のユーザー操作、または開発者が指定した仕組みで閉じることができます。

closerequest

ダイアログは、プラットフォーム特有のユーザー操作、または開発者が指定した仕組みで閉じることができます。

none

ダイアログは、開発者が指定した仕組みでのみ閉じることができます。

例

基本的な closedBy の使い方

<dialog open closedby="any">
  <h2>ダイアログ</h2>
  <p>
    Esc キーを使用するか、ダイアログの外側をクリックすると閉じます。「簡単に閉じる」動作です。
  </p>
</dialog>

const dialogElem = document.querySelector("dialog");

// コンソールに "any" をログ出力
console.log(dialogElem.closedBy);

仕様書

ブラウザーの互換性

関連情報

• <dialog>