HTML popover 屬性
示例
新增一個帶有 popover 屬性的 <h1> 元素，以及一個顯示/隱藏它的按鈕
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click me!</button>
自己動手試一試 »
定義和用法
popover 屬性將一個元素定義為彈窗元素，這意味著當它被呼叫時，它將被放置在內容之上，而不會干擾其他 HTML 元素的位置。
彈窗元素在被另一個元素呼叫之前是不可見的。另一個元素必須有一個 popovertarget 屬性，其值引用彈窗元素的 id。
彈窗元素將顯示在所有其他內容之上，透過點選 popovertarget 元素，彈窗元素將在顯示和隱藏之間切換
Hello
彈窗元素可以是單個 HTML 元素（如上面的示例），也可以是整個 HTML 元素部分（如下面的示例）。
示例
使用 DIV 元素作為彈窗元素
<div popover id="mydiv">
<h2>Popover</h2>
<hr>
<p>彈窗是一個顯示在所有內容之上的元素。</p>
<p>當你想傳達重要資訊時可以使用它。</p>
</div>
自己動手試一試 »
瀏覽器支援
| Attribute | |||||
|---|---|---|---|---|---|
| popover | 114 | 114 | 不支援 | 17 | 100 |
語法
<element popover>
屬性值
popover 屬性是一個布林屬性。如果存在，它指定此元素是一個彈窗元素。
相關頁面
HTML Input popovertarget 屬性
HTML Input popovertargetaction 屬性
