Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
Introduction
Webconcept

Description

A key press has two parts:

  1. The key is pressed down
  2. The key is released

The keydown event occurs when a keyboard key is pressed down.

The keydown() method triggers the keydown event, or specifies a function to run when a keydown event occur.

Tip: Use the event.which property to return which key was pressed.


Trigger the Event

Trigger the keydown event for the selected elements.

v1.0

This method has the form:

.keydown()

Return Value

This form returns a jQuery object.


Bind a Function to the Event

Specifies a function to run when the keydown event occurs for the selected elements.

v1.0

This method has the alternate form:

.keydown(function)
Parameter Description
function (optional) Specifies the function to run when the keydown event occurs

Return Value

This form returns a jQuery object.


v1.4.3

This method has the alternate form:

.keydown(data,function)
Parameter Description
data (optional) Specifies additional data to pass along to the function
function (optional) Specifies the function to run when the keydown event occurs

Return Value

This form returns a jQuery object.

Examples

Change the background color of an input field each time a key is pressed:

$("input").keydown(function(){
  $("input").css("background-color","#FFFFCC");
});

Description

A complete key press has two parts, when the key is pressed down, and when the key is released and the key goes up again.

The keyup event occurs when a button is released. It occurs on the element that currently has focus.

The keyup() method triggers the keyup event, or if the function parameter is set, it specifies what happens when a keyup event occur.

Note: If set on the document element, the event will occur no matter what element has focus.

Note: Use the .which property to get which button was pressed.


Trigger the Event

Trigger the keyup event for the selected element.

v1.0

This method has the form:

.keyup()

Return Value

This form returns a jQuery object.


Bind a Function to the Event

Specifies a function to run when the keyup event is triggered for the selected element.

v1.0

This method has the alternate form:

.keyup(function)
Parameter Description
function (optional) Specifies the function to run when the keyup event is triggered.

Return Value

This form returns a jQuery object.


v1.4.3

This method has the alternate form:

.keyup(data,function)
Parameter Description
data (optional) Specifies additional data to pass along to the function
function (optional) Specifies the function to run when the keyup event is triggered.

Return Value

This form returns a jQuery object.

Examples

Change the color of a text field when a key is released:

$("input").keyup(function(){
  $("input").css("background-color","#D6D6FF");
});