Popover

概要

Popover API は要素をページのトップレイヤーにポップオーバーとして表示する機能を提供します。popover 属性とポップオーバーターゲットで制御します。

対応ブラウザ

基本構文

<button popovertarget="my-popover">ポップオーバーを表示</button>
<div id="my-popover" popover>
  <p>ポップオーバーの内容です。</p>
</div>

実務での使いどころ

• Popover の活用

  ポップオーバー API。要素をトップレイヤーに表示するための機能。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Popover