简单教程
提交运行
代码编辑器:
<p>演示了如何使用 addEventListener()方法向 details 元素中添加 "ontoggle" 事件</p> <p>打开详细信息</p> <details id="myDetails"> <summary>Copyright 1999-2014.</summary> <p> -来自Refsnes 时间,保留所有权利</p> <p>本网站上的所有内容和图形是公司refsnes数据属性</p> </details> <p><strong>注意:</strong> 目前只有 Chrome, Safari 6+, 和 Opera 15+ 浏览器支持 details 元素和 ontoggle 属性</p> <script> document.getElementById("myDetails").addEventListener("toggle", myFunction); function myFunction() { alert(" ontoggle 事件触发"); } </script>
运行结果: