備忘録的プログラミングリファレンス

HTMLDialogElement インターフェイス

 HTMLDialogElement インターフェイスは、簡易にポップアップダイアログやモーダルウィンドウを表示できる <dialog> エレメントを定義したインターフェイスです。
 このインターフェイスのプロパティメソッドイベントを定義しています。

HTMLDialogElement 継承図

プロパティ(Properties)

 HTMLDialogElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.open <dialog> が開いているか/否か。Boolean 型
.returnValue <dialog> に任意に値を設定するための属性。 DOMString 型

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLDialogElement インターフェイスは 以下の独自のメソッドがあります。

メソッド概要分類
.close() <dialog> を閉じる。引数に .returnValue が設定できる
.show() <dialog> を開く。
.showModal()ユーザーによる返答がない限り閉じない モーダル なダイアログとして開く

 HTMLDialogElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLDialogElement にイベントハンドラーを定義する方法には以下があります。

HTMLDialogElement.addEventListener( 'close', ()=>{...} )
HTMLDialogElement.onclose = function(){...}
<button onclose = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLDialogElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類