HTML <button> popovertargetaction 속성
정의 및 사용법
popovertargetaction 속성은 버튼을 클릭할 때 어떤 일이 일어날지 정의할 수 있습니다.
"show", "hide", "toggle" 값 중 하나를 선택할 수 있습니다.
헬로
지정되지 않으면 popovertargetaction 속성이 지정되지 않으면 기본적인 "toggle" 값이 사용됩니다.
추가로 참조:
HTML 참조 설명서:HTML popover 속성
HTML 참조 설명서:HTML 버튼 popovertarget 속성
예제
버튼을 클릭하면 팝업 요소가 표시됩니다：
<h1 popover id="myheader">안녕하세요</h1> <button popovertarget="myheader" popovertargetaction="show"> 클릭하세요! <button>
문법
<button popovertarget="element_id"popovertargetaction="hide|show|toggle">
속성 값
| 값 | 설명 | 예제 |
|---|---|---|
| hide | 버튼을 클릭하면 팝업 요소가 숨깁니다. | |
| show | 버튼을 클릭하면 팝업 요소가 표시됩니다. | |
| toggle | 기본 값. 버튼을 클릭하면 팝업 요소가 숨기기와 표시되기 사이에서 전환됩니다. |
브라우저 지원
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
| 114 | 114 | 지원하지 않음 | 17 | 100 |
