Interest invokers
HTMLAnchorElement インターフェイスの interestForElement プロパティは、関連付けられた <a> 要素がインタレストインボーカ―として指定されている場合に、インタレストインボーカ―のターゲット要素を取得または設定します。
詳細については、「インタレストインボーカ―の作成」を参照してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
:interest-source 実験的 | 142 | 142 | | | 142 | |
| DOM API | ||||||
interestForElement 実験的 非標準 HTMLAnchorElement インターフェイスのinterestForElement プロパティは、関連する要素がインタレスト呼び出し元として指定されている場合に、インタレスト呼び出し元のターゲット要素を取得または設定します。 | 142 | 142 | | | 142 | |
interestForElement 実験的 非標準 HTMLAreaElement インターフェイスのinterestForElement プロパティは、関連するエリア要素がインタレスト呼び出し元として指定されている場合に、インタレスト呼び出し元のターゲット要素を取得または設定します。 | 142 | 142 | | | 142 | |
interestForElement 実験的 非標準 HTMLButtonElement インターフェイスのinterestForElement プロパティは、関連するボタン要素がインタレスト呼び出し元として指定されている場合、インタレスト呼び出し元のターゲット要素を取得または設定します。 | 142 | 142 | | | 142 | |
interest_event 実験的 非標準 HTMLElement インターフェイスの Interest イベントは、関心が示されたときに、関心の呼び出し元のターゲット要素で発生し、応答してコードを実行できるようになります。 | 142 | 142 | | | 142 | |
loseinterest_event 実験的 非標準 インタレストが失われると、HTMLElement インターフェイスの loseinterest イベントがインタレスト呼び出し元のターゲット要素で発生し、応答してコードを実行できるようになります。 | 142 | 142 | | | 142 | |
InterestEvent 実験的 非標準 InterestEvent インターフェイスは、関心の呼び出し元に関心が示されたとき、または失われたときに発生するイベントを表します。 | 142 | 142 | | | 142 | |
InterestEvent 実験的 非標準 InterestEvent() コンストラクターは、新しい InterestEvent オブジェクトを作成します。 | 142 | 142 | | | 142 | |
source 実験的 非標準 InterestEvent インターフェイスのソース読み取り専用プロパティは、イベントを起動するために関心が示されたか失われた関心の呼び出し元要素を表す Element オブジェクト インスタンスです。 | 142 | 142 | | | 142 | |
interestForElement 実験的 非標準 interestForElement は SVGAElement インターフェイスのプロパティで、関連付けられた a 要素が関心インボーカーとして指定されている場合に、関心インボーカーの対象要素を取得または設定します。 | 142 | 142 | | | 142 | |
| CSS セレクタ | ||||||
:interest-target 実験的 | 142 | 142 | | | 142 | |
| HTML 属性 | ||||||
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
| その他 | ||||||
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
基本構文
<button interesttarget="tooltip">Show on hover</button>
<div id="tooltip" popover="hint">
Tooltip content
</div>ライブデモ
Interest-based trigger idea
Show a pattern where UI opens when user interest is inferred rather than explicitly clicked.
Why it is delicate
Interest-based UI can feel helpful or distracting depending on timing and accessibility.
Design rules
Provide explicit control and keep interest-based reveals dismissible and keyboard friendly.
実務での使いどころ
-
Interest invokers の活用
HTMLAnchorElement インターフェイスの interestForElement プロパティは、関連付けられた <a> 要素がインタレストインボーカ―として指定されている場合に、インタレストインボーカ―のターゲット要素を取得または設定します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。