このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

button”要素~“popovertoggletarget”属性HTML Living Standardで追加注意

記事Feb.11th, 2023
Mar.10th, 2023
ポップオーバー要素の表示状態を切り替える属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

popovertoggletarget”属性について

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

ポップオーバー要素が非表示状態のときはbutton”要素をクリックすると表示状態に、表示状態のときは非表示状態になります。

代替方法

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

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

指定できる値

属性値 説明
ID名 表示状態を切り替えるポップオーバー要素のid”属性の値

サンプルコード

<p>
<button popovertoggletarget="pop">開く・閉じる</button>
</p>

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

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

一番上へ