test_key_enter_prevent_default.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <script>

  SimpleTest.waitForExplicitFinish();

  function runTest() {

    const summary = document.querySelector("summary");

    summary.addEventListener('click', function(e) {

      // Prevent the details from toggling by key events.

      e.preventDefault();

});

    // Dispatch 'return' key to the summary element.

    summary.focus();

    synthesizeKey("KEY_Enter");

    const details = document.querySelector("details");

    ok(!details.open, "Prevent default on summary should not open details.");

    SimpleTest.finish();

  </script>

</head>

<body onload="runTest();">

  <details>

    <summary>Summary</summary>

    <p>This is the details.</p>

  </details>

</body>

</html>