HTML <button> popovertargetaction แฟรม

แบตท์ HTML <button> แทร็ก

การประกาศและการใช้งาน

popovertargetaction 属性ที่อนุญาตให้คุณกำหนดอะไรที่จะเกิดขึ้นเมื่อคลิกที่ปุ่ม

คุณสามารถเลือกค่า "show", "hide" และ "toggle" ได้

Hello

ถ้าไม่ระบุ popovertargetaction ถ้าไม่ระบุค่าของ属性 จะใช้ค่าเริ่มต้น "toggle" โดยเริ่มต้น

อ่านเพิ่มเติม:

คู่มือ HTML สำหรับอธิบายคุณสมบัติ popover ของ HTML

คู่มือ HTML สำหรับอธิบายHTML ปุ่ม popovertarget แฟรม

ตัวอย่าง

ขณะกดปุ่ม ตัวอย่างของปุ่มแบบต่าง ๆ จะแสดงตัวอย่างของปุ่มแบบต่าง ๆ

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

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

รูปแบบ

<button popovertarget="element_id" popovertargetaction="hide|show|toggle">

ค่าของคุณสมบัติ

ค่า คำอธิบาย ตัวอย่าง
hide ขณะกดปุ่ม ตัวอย่างของปุ่มแบบต่าง ๆ จะซ่อน

ลองทดสอบ
show ขณะกดปุ่ม ตัวอย่างของปุ่มแบบต่าง ๆ จะแสดง

ลองทดสอบ
toggle ค่าเริ่มต้น ขณะกดปุ่ม ตัวอย่างของปุ่มแบบต่าง ๆ จะเปลี่ยนระหว่างซ่อนและแสดง

ลองทดสอบ

การสนับสนุนโปรแกรมนำ

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

แบตท์ HTML <button> แทร็ก