HTML <button> popovertargetaction 属性
示例
单击按钮时,弹出框元素将显示
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader" popovertargetaction="show">Click me!<button>
自己动手试一试 »
定义和用法
popovertargetaction 属性允许你定义点击按钮时会发生什么。
你可以选择 "show"、"hide" 和 "toggle" 这几个值。
Hello
如果未指定 popovertargetaction 属性,将使用默认的 "toggle" 值。
浏览器支持
| Attribute | |||||
|---|---|---|---|---|---|
| popovertargetaction | 114 | 114 | 不支持 | 17 | 100 |
语法
<button popovertarget="element_id popovertargetaction="hide|show|toggle"">
属性值
| 值 | 描述 | |
|---|---|---|
| hide | 单击按钮时,弹出框元素将隐藏 | 试一试 » |
| show | 单击按钮时,弹出框元素将显示 | 试一试 » |
| toggle | 默认值。单击按钮时,弹出框元素在隐藏和显示之间切换 | 试一试 » |
相关页面
HTML popover 属性
HTML Button popovertarget 属性