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 |
Copyright 1999-2023 by Refsnes Data. All Rights Reserved.