HTMLDialogElement インターフェイス
HTMLDialogElement インターフェイスは、簡易にポップアップダイアログやモーダルウィンドウを表示できる <dialog> エレメントを定義したインターフェイスです。
HTMLDialogElement インターフェイスは <dialog> エレメントのプロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLDialogElement
- ┆
ページ内 Index
プロパティ(Properties)
HTMLDialogElement インターフェイスは 以下の独自のプロパティをもちます。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .open | <dialog> が開いているか／否か。Boolean 型 | |
| .returnValue | <dialog> に任意に値を設定するための属性。 DOMString 型 |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLDialogElement インターフェイスは 以下の独自のメソッドがあります。
| メソッド | 概要 | 分類 |
|---|---|---|
| .close() | <dialog> を閉じる。引数に .returnValue が設定できる | |
| .show() | <dialog> を開く。 | |
| .showModal() | ユーザーによる返答がない限り閉じない モーダル なダイアログとして開く |
HTMLDialogElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLDialogElement にイベントハンドラーを定義する方法には以下があります。
HTMLDialogElement.addEventListener( 'close', ()=>{...} )
HTMLDialogElement.onclose = function(){...}
<button onclose = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLDialogElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|