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.