jQuery Keyboard Events

About This Index

This page is the jQuery Keyboard Events index for the tutorial track. Each row links to a full guide with syntax, examples, and FAQs.

Learn the jQuery overview on /jquery. Use this page when you need a keyboard event such as keydown, keypress, or keyup.

How to Call a Keyboard Event

Bind with .on() and read event.which (and modifiers) in the handler:

$("#q").on("keydown", function (event) {
  if (event.which === 13) {           // Enter
    console.log("submit search");
  }
});

$(document).on("keydown", function (event) {
  if (event.ctrlKey && event.which === 83) {
    event.preventDefault();           // Ctrl+S shortcut
  }
});

$("#q").on("keyup", function () {
  console.log($(this).val());
});

$("#q").trigger("keydown");

jQuery Keyboard Events Table

All Keyboard Events guides in this jQuery tutorial series (6 tutorials).