examples/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script type="module">
    import hotkeyListener from "../../pkg/dist-web/index.bundled.js"

    hotkeyListener.register({
      element: window,
      keys: [
        "f5",
        "ctrl+d"
      ],
      eventOptions: {
        // Required to preventDefault() in chrome
        cancelable: true
      }
    })

    window.addEventListener("keydown:f5", (event) => {
      // Prevent window refresh
      event.preventDefault()
      console.log("f5 pushed")
      console.log(event.cancelable)
    })

    window.addEventListener("keydown:ctrl+d", (event) => {
      event.preventDefault()
      console.log(`${event.detail.key} pushed`) // ctrl+d pressed
    })
  </script>
</head>
<body>
</body>
</html>