在 keydown 事件中未单击按钮

Question

phptester.net is a site that let's you test PHP codes online. You write the PHP code in a dedicated box, and then click a button with the text "Click to test your PHP code" and the result will appear in a adjacent box.

Testing each change with the keyboard is faster and more convenient to me, so I tried this code to do it by pressing CTRL + A :

document.addEventListener('keydown', (event)=>{
  if (event.ctrlKey && event.keyCode === 65) {
    document.querySelector('.actionItem button').click();
  }
});

The code fails for some reason --- I mean, I could fill in some PHP code, and hit CTRL + A but the button won't be clicked. Each time I hit CTRL + A there are no errors in the console, so I don't know what to do with it.

This is the PHP code I used:

<?php
    $a=5;
    $b=10;
    if ($a < $b) {
        echo "$a is smaller than $b";   
    } else {
        echo "$a IS NOT smaller than $b";   
    }
?>

Answer 1

You got the wrong querySelector, the following works for me:

document.addEventListener('keydown', (event)=>{
  if (event.ctrlKey && event.keyCode === 65) {
    document.querySelector('.actionItem input.cbutton').click();
  }
});