Question

I’m trying to check if a key is pressed without focus on any sort of field.

The goal is to allow users to press left and right arrow to get to the next image. There is no need for them to click into any text field or anything… just simply press those keys to scroll to the next or last image.

Like:

function keyEvent(e) {
  if(e.keyCode == 39) {
    run some code to get next image
  }
  else if (e.keyCode == 37) {
    run some code to get last image
  }
 }

It seems like jquery always needs a “selector”, as though I need to bind it to a field or something.

$('input[type=text]').on('keyup', function(e) {     
  if (e.which == 39) {

  run some code
} }); 

Any ideas?

EDIT:

I have this script in my viewimage.php file body… the javascript still isn’t running on page load:

<script type="text/javascript">
$(document).ready(function() { 
    $(document).keydown(function (e) {
     if (e.which == 39) {
       alert("39");
    }
    });
});
</script>

Thank you

Answer 1

$(document).ready(function() {
    $(document).keydown(function(e) {   
      e.preventDefault();  
      if (e.which == 13) {
          // Whatever...
      }
    });
});