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