คุณสมบัติ popovertarget ของ HTML <button>
การแก้ไขและความเป็นไปได้
ผ่านการใช้ popovertarget คุณสมบัติ คุณสามารถอ้างอิงองค์ประกอบ popup ที่มี id ที่กำหนดไว้ และสามารถเปลี่ยนแปลงการแสดงและซ่อนได้:
Hello
ดูเพิ่มเติมที่:
คู่มืออ้างอิง HTML:ตัวแปร popover ของ HTML
คู่มืออ้างอิง HTML:ตัวแปร popovertargetaction ของ HTML Button
ตัวอย่าง
ด้วยการอ้างอิงองค์ประกอบ popup ที่มีตัวแปร popovertarget เพื่อแสดง/ซ่อนองค์ประกอบ popup ที่กำหนดไว้:
<h1 popover id="myheader">Hello</h1> <button popovertarget="myheader">Click me!<button>
ระบุ
<button popovertarget="element_id">
ค่าของตัวแปร
| ค่า | คำอธิบาย |
|---|---|
| element_id | id ขององค์ประกอบ popup ที่เชื่อมโยงกับปุ่มนี้。 |
การสนับสนุนโปรแกรมบราวเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 114 | 114 | ไม่สนับสนุน | 17 | 100 |
