HTMLAreaElement インターフェイス
HTMLAreaElement インターフェイスは、<map> エレメントの子エレメントである <area> エレメントオブジェクトを定義したインターフェイスです。 <area> には、ハイパーリンク機能があります。
<area> で利用できるプロパティ、メソッド、イベントがこのインターフェイスによって提供されます。
- EventTarget
- └ Node
- └ Element
- └ HTMLElement
- ┆
- ├ HTMLAreaElement
- ┆
- └ HTMLElement
- └ Element
- └ Node
HTMLElement インターフェイスから継承しています。
その他
HTMLAreaElement インターフェイスの focus() 、blur() メソッドによって任意にフォーカスを当てる、外すことができます。
HTML の送信先、url やsrc の替わりにjavascript:void(0);
またはnohref
を設定することでそれ以上遷移しないようにできます。ただし、バブル機能がある場合にはエラーを起こすことがあるので注意して下さい。
ページ内 Index
- ad -
プロパティ(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 インターフェイスは Node 、Element インターフェイスを継承しています。
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のイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
- ad -