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

HTMLAreaElement インターフェイス

 HTMLAreaElement インターフェイスは、<map> エレメントの子エレメントである <area> エレメントオブジェクトを定義したインターフェイスです。 <area> には、ハイパーリンク機能があります。

 <area> で利用できるプロパティメソッドイベントがこのインターフェイスによって提供されます。

HTMLAreaElement インターフェイス継承図

 HTMLElement インターフェイスから継承しています。

その他

 HTMLAreaElement インターフェイスの focus() 、blur() メソッドによって任意にフォーカスを当てる、外すことができます。

 HTMLの送信先、urlやsrcの替わりにjavascript:void(0);またはnohrefを設定することでそれ以上遷移しないようにできます。ただし、バブル機能がある場合にはエラーを起こすことがあるので注意して下さい。

プロパティ(Properties)

 HTMLAreaElement インターフェイスは、HTMLHyperlinkElementUtils インターフェイスのプロパティを含んでいます。

 フォーカスに関するプロパティ.accessKey、.tabindex は、 HTMLElement インターフェイスのプロパティです。

プロパティ概要分類
.alt代替えテキスト。 DOMString 型
.coordsリンクを設定する領域の指定。 DOMString 型
.download値がダウンロードであることを明示。取得と設定ができる。DOMString 型
.hreflangリンク先の言語使用。 DOMString 型。値は言語、地域コード
.mediaリンク先がメディアのためのファイルであることを明示。 DOMString 型
.referrerPolicyリファラーポリシーをキーワードで指定。 DOMString 型
.relリンクタイプをキーワードで指定。 DOMString 型
.relList<map> 関連。上記の rel 属性のリスト DOMTokenList オブジェクトを返す
.shapeリンクを設定する領域の概形。DOMString 型。'default', 'rect'、'circle','poly'から選択
.targetリンク先の表示 Window の指定。iframe も指定できる。 DOMString 型
.typeリンク先ファイルの MIME タイプ。 DOMString 型

 HTMLElement インターフェイスから継承されたプロパティが使用できます。HTMLElement インターフェイスNodeElement インターフェイスを継承しています。

Nodeのプロパティ一覧 

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

Elementのプロパティ一覧 

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

HTMLElementのプロパティ一覧 

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

メソッド(Methods)

 HTMLAreaElement インターフェイスは、HTMLHyperlinkElementUtils インターフェイスのメソッドを含んでいます。

メソッド概要分類

 HTMLElement インターフェイスから継承されたメソッドで使用できるものがあります。 HTMLAreaElement オブジェクトでよく使用されるのは、フォーカスを操作できる HTMLElement.blur()HTMLElement.focus() メソッドです。

Nodeのメソッド一覧 

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

Elementのメソッド一覧 

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

HTMLElementのメソッド一覧 

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

イベント(Event)

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

HTMLAreaElement.addEventListener( 'click', ()=>{...} )
HTMLAreaElement.onclick = function(){...}
<a onclick = "..." >

 イベントについてはEventを参照してください。

 上記の例では、<area> の onclick イベントハンドラーがありますが使うことは難しいです。<area> エレメントはクリックを前提としていますし、イベントがバブリングしますので処理が煩雑になることに注意してください。

GlobalEventHandlersのイベント一覧 

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

DocumentAndElementEventHandlersのイベント一覧 

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

HTMLElementのイベント一覧 

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