當 <details> 元素在打開或關(guān)閉時執(zhí)行 JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>HTML ontoggle 事件屬性的使用(菜鳥教程 cainiaoplus.com)</title>
<style>
div {
background: yellow;
border: 1px solid #cccccc;
padding: 10px;
}
</style>
</head>
<body>
<p>Open the details.</p>
<details ontoggle="myFunction()">
<summary>Copyright 1999-2019.</summary>
<p> - 版權(quán)所有.</p>
<p>詳細的內(nèi)容和段落在這里展示..</p>
</details>
<p><strong>Note:</strong> ontoggle事件屬性支持 Chrome, Safari 6+, and Opera 15+.</p>
<script>
function myFunction() {
alert("ontoggle 事件觸發(fā)");
}
</script>
</body>
</html>測試看看 ?/?當用戶打開或關(guān)閉<details>元素時，會觸發(fā)onggle屬性。
<details>元素指定用戶可以按需查看或隱藏的其他詳細信息。
IEFirefoxOperaChromeSafari
在HTML5中，ontoggle 屬性是新增的。
<element ontoggle="script">
| 值 | 描述 |
|---|---|
| script | 腳本在 ontoggle 中執(zhí)行 |
| 支持的 HTML 標簽: | <details> |
|---|
HTML DOM 參考手冊: ontoggle 事件