HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML ontoggle 이벤트 속성

온라인 예제

when the <details> element is opened or closed, JavaScript is executed:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML ontoggle 이벤트 속성 사용(기본 튜토리얼 웹사이트 oldtoolbag.com)</title>/title>
<style>
div {
　　background: yellow;
　　border:　1px solid #cccccc;
　　padding:　10px;
}
</style>
</head>
<body>
<p>상세 정보를 열기.../p>
<details ontoggle="myFunction()">
<summary>저작권　1999-2019./summary>
<p>　-　저작권 소유./p>
<p>상세 내용과 구절이 여기서 표시됩니다.../p>
</details>
<p><strong>주의:/ontoggle 이벤트 속성이 Chrome, Safari에서 지원됩니다　6+, and Opera　15+./p>
<script>
function myFunction() {
　　alert("ontoggle 이벤트가 트리거됨");
}
</script>
</body>
</html>

테스트해 보세요 ‹/›

정의와 사용법

사용자가 <details> 요소를 열거나 닫을 때, ontoggle 속성이 트리거됩니다.
<details> 요소는 사용자가 필요에 따라 보거나 숨기는 추가 정보를 지정합니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

HTML 4.01 HTML과5 차이점

HTML에서5중에서, ontoggle 속성은 새로 추가된 속성입니다.

문법

<element ontoggle="script">

속성 값

값	설명
script	스크립트가 ontoggle에서 실행됩니다

기술 세부 사항

지원되는 HTML 태그:	<details>