tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

doc_markup_events_toggle.html (750B)

      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <meta charset="utf-8">
      5  </head>
      6  <body>
      7    <h1>Toggle Event Listeners</h1>
      8    <button id="target" onclick="handleEvent(event)">Target</button>
      9    <script>
     10      "use strict";
     11 
     12      function handleEvent(e) {
     13        const data = JSON.parse(e.target.dataset.handledEvents || "{}");
     14        data[e.type] = (data[e.type] || 0) + 1;
     15        e.target.dataset.handledEvents = JSON.stringify(data);
     16      }
     17 
     18      const domEventsElement = document.getElementById("target");
     19      // adding regular event listener
     20      domEventsElement.addEventListener("mousedown", handleEvent);
     21      // and a "native" event listener
     22      domEventsElement.addEventListener("mouseup", console.info)
     23    </script>
     24  </body>
     25 </html>