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 屬性