HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>queryCommandEnabled clipboard</title>
  <style>body{font-family:system-ui,sans-serif;margin:1rem;}</style>
</head>
<body>
  <button id="probe" type="button">Probe inside click</button>
  <pre id="out"></pre>
  <script>
    function report() {
      var names = ["cut", "copy", "paste"];
      return names.map(function (name) {
        var enabled =
          typeof document.queryCommandEnabled === "function"
            ? document.queryCommandEnabled(name)
            : false;
        return name + ": " + enabled;
      }).join("\n");
    }
    document.getElementById("out").textContent =
      "Cold call:\n" + report() +
      "\n\nClick the button to probe from a user gesture.";
    document.getElementById("probe").addEventListener("click", function () {
      document.getElementById("out").textContent =
        "Inside click:\n" + report();
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Document.queryCommandEnabled — cut/copy/paste notes (Try It)