addEventListener("toggle", myFunction); - Javascript DOM Event

Javascript examples for DOM Event:addEventListener

  1. HOME
  2. Javascript
  3. DOM Event
  4. addEventListener

Description

The ontoggle event occurs when the user opens or closes the <details> element.

Summary

Bubbles No
Cancelable No
Supported HTML tags: <details>

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<details ontoggle="myFunction()">
<summary>Copyright 2018-2020.</summary>
<p> - by java2s.com.</p>
</details>//  w ww . j a  v a 2s .c om

<script>
document.getElementById("myDetails").addEventListener("toggle", myFunction);

function myFunction() {
    console.log("The ontoggle event occured.");
}
</script>

</body>
</html>

Related Tutorials