HTML popovertargetaction Attribute
Definition and Usage
The popovertargetaction attribute allows you to
define what happens when you click the button.
You can choose between the values "show", "hide", and "toggle".
Hello
The popovertargetaction only works when type="button".
If the popovertargetaction attribute is not specified,
the default "toggle" value will be used.
Applies to
The popovertargetaction attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <input> | popovertargetaction |
| <button> | popovertargetaction |
Example
Example
When the input button is clicked, the popover element will show:
<h1 popover id="myheader">Hello</h1>
<input type="button" popovertarget="myheader" popovertargetaction="show" value="Click me!">
Try it Yourself »
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| popovertargetaction | 114 | 114 | Not supported | 17 | 100 |
