Interest invokers
実験的: これは実験的な技術です。
本番環境で使用する前に、ブラウザーの互換性表を注意深く確認してください。
非標準: この機能は標準化されていません。ブラウザーのサポートが限られており、変更または削除される可能性があるため、本番環境で非標準機能を使用することはお勧めしません。ただし、標準的な選択肢がない特定のケースでは、適切な代替手段となる場合があります。
`HTMLAnchorElement` インターフェイスの `interestForElement` プロパティは、関連付けられた `<a>` 要素がインタレストインボーカとして指定されている場合に、インタレストインボーカのターゲット要素を取得または設定します。
詳細については、インタレストインボーカの作成を参照してください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
:interest-source 実験的 | 142 | 142 | | | 142 | |
| HTML 属性 | ||||||
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
interestfor 実験的 非標準 | 142 | 142 | | | 142 | |
interestfor 実験的 非標準 | 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 | |
| その他 | ||||||
| 142 | 142 | | | 142 | | |
svg.elements.a.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 の活用
実験的: これは実験的な技術です。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。