js
JS - 토글 이벤트
토글 이벤트는 <details> 요소를 열거나 닫을 때 발생합니다. 다음은 addEventListener 를 이용한 결과 입니다.
다음은 태그에 정의한 결과입니다. 태그에 정의할 때는 "ontoggle" 로 기술합니다.
<details id="toggle">
<summary>토글 열기</summary>
<p>하보니 PHP</p>
</details>
<script>
var btn = document.getElementById("toggle");
btn.addEventListener("toggle", mtoggle);
function mtoggle() {
alert("토글을 선택했습니다.");
}
</script>
다음은 태그에 정의한 결과입니다. 태그에 정의할 때는 "ontoggle" 로 기술합니다.
<details ontoggle="alert('토글을 열었습니다.');">
<summary>토글 열기</summary>
<p>하보니 PHP</p>
</details>
0 댓글