คุณสมบัติ popovertargetaction ของ HTML <input>
การรับรู้และการใช้งาน
popovertargetaction
คุณสมบัตินี้ทำให้คุณสามารถกำหนดปฏิกิริยาที่จะเกิดขึ้นเมื่อคลิกที่ปุ่ม
คุณสามารถ "show"
แสดงขึ้น (show) ด้วย"hide"
และ "toggle"
เลือกค่าเช่น (ตัวเลือก) นี้
popovertargetaction
คุณสมบัตินี้มีอยู่เมื่อ type="button"
มีผล
ในกรณีนี้ popovertargetaction
ถ้าไม่ได้กำหนดคุณสมบัติ "toggle"
ค่า
ดูเพิ่มเติมที่:
คู่มืออ้างอิง HTML:นิยาย HTML popover
คู่มืออ้างอิง HTML:คุณสมบัติ popovertarget ของ HTML Input
ตัวอย่าง
เมื่อคลิกที่ปุ่มอินพุท องค์ประกอบที่แสดงขึ้นจะเห็นเช่นนี้:
<h1 popover id="myheader">Hello</h1> <input type="button" popovertarget="myheader" popovertargetaction="show" value="กดฉัน!">
วงศ์ประกาศ
<input type="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 |