HTML <button> popovertargetaction 属性
定義と使用方法
popovertargetaction 属性は、ボタンをクリックしたときに何が発生するかを定義するために使用されます。
「show」、「hide」、および「toggle」値を選択できます。
こんにちは
指定されていない場合 popovertargetaction 属性が指定されていない場合、デフォルトの「toggle」値が使用されます。
別の参照も見てください：
HTML 参考手帳：HTML ポップアップ属性
HTML 参考手帳：HTML Button popovertarget 属性
例
ボタンをクリックすると、ポップアップ要素が表示されます：
<h1 popover id="myheader">こんにちは</h1> <button popovertarget="myheader" popovertargetaction="show">クリックして！<button>
構文
<button popovertarget="element_id"popovertargetaction="hide|show|toggle"">
属性値
| 値 | 説明 | 例 |
|---|---|---|
| hide | ボタンをクリックすると、ポップアップ要素が非表示になります。 | |
| show | ボタンをクリックすると、ポップアップ要素が表示されます。 | |
| toggle | デフォルト値。ボタンをクリックすると、ポップアップ要素が非表示と表示の間で切り替わります。 |
ブラウザのサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 114 | 114 | サポートされていません | 17 | 100 |
