“button”要素~“popovershowtarget”属性

“popovershowtarget”属性について

“popovershowtarget”属性は“button”要素をクリックしたときに表示状態にされるポップオーバー要素を指定します。要素がポップオーバー要素であるかはグローバル属性の“popover”属性によって指定されます。

代替方法

この属性はHTML Living standardで一時的に定義されていましたが、現在は廃止されているので使用するべきではありません。

表示状態を切り替えるポップオーバー要素は“popovertarget”属性、表示状態の切り替え方法は“popovertargetaction”属性で指定できます。

指定できる値

サンプルコード

<p>

<button popovershowtarget="pop">開く</button>
<button popoverhidetarget="pop">閉じる</button>

</p>

<div popover="manual" id="pop">

<p>東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？</p>

</div>

開く 閉じる

東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？