คุณสมบัติ HTML popover

การกำหนดและการใช้งาน

popover คุณสมบัตินี้กำหนดส่วนที่เป็นส่วนที่ปรากฏขึ้นมาทันที ซึ่งหมายความว่าเมื่อส่วนถูกเรียก มันจะถูกจัดวางด้านบนของเนื้อหา และจะไม่เป็นการขัดขวางตำแหน่งของส่วน HTML อื่นๆ:

ส่วนที่ปรากฏขึ้นมาทันทีจะไม่มีที่เห็นได้ก่อนที่จะถูกเรียกโดยส่วนอื่น ส่วนอื่นต้องมีคุณสมบัติ popovertarget ซึ่งมีค่าหมายเลขที่อ้างอิงถึง id ของส่วนที่ปรากฏขึ้นมาทันที:

ส่วนที่ปรากฏขึ้นมาทันทีจะถูกจัดวางด้านบนของเนื้อหาทั้งหมด โดยการกดปุ่ม popovertarget ส่วนที่ปรากฏขึ้นมาทันทีจะสามารถเปลี่ยนไประหว่างแสดงและซ่อน:

Hello

ส่วนที่ปรากฏขึ้นมาทันทีสามารถเป็นส่วน HTML หนึ่งตัวเช่นในตัวอย่างที่ข้างต้น หรือก็อาจเป็นส่วน HTML โดยรวมเช่นในตัวอย่างที่ด้านล่าง:

ดูเพิ่มเติมที่:

คู่มือ HTML ฉบับสมัยใหม่:คุณสมบัติ HTML Input popovertarget

คู่มือ HTML ฉบับสมัยใหม่:คุณสมบัติ HTML Input popovertargetaction

ตัวอย่าง

ตัวอย่าง 1

เพิ่มส่วนตัวแปลงค่า <h1> ที่มีคุณสมบัติ popover และปุ่มแสดง/ซ่อนเมื่อเลือก:

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">กดฉัน!</button>

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

ใช้ div องค์ประกอบเป็นองค์ประกอบปรับปรุง:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>หน้าต่างปรับปรุงเป็นองค์ประกอบที่ถูกจัดให้อยู่ด้านบนขององค์ประกอบอื่นทั้งหมด</p>
  <p>ในขณะที่คุณต้องการบอกให้ทราบเรื่องสำคัญบางอย่าง คุณสามารถใช้มันได้</p>
</div>

ทดสอบด้วยตัวเอง

ภาษาที่ใช้ในการเขียน

<element popover>

ค่าของตัวเลือก

popover คุณสมบัติเป็นคุณสมบัติบูลย์ ถ้าได้ถูกกำหนด มันหมายความว่าองค์ประกอบนี้เป็นองค์ประกอบหน้าต่างปรับปรุง

การสนับสนุนโดยเครื่องนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 ไม่สนับสนุน 17 100