keydown

Keyboard press


jquery keydown() method syntax

Function:The complete key press process is divided into two parts: 1. The key is pressed; 2. The key is released. When the button is pressed, the keydown event occurs. The keydown() method triggers the keydown event, or specifies a function to run when the keydown event occurs. If set on a document element, this event occurs regardless of whether the element has focus. Please use the .which property to determine which key was pressed (try it yourself).

Trigger the keydown event syntax: $(selector).keydown()

Bind the function to the keydown event syntax: $ (selector).keydown(function)

Parameters:

##ParametersDescriptionfunction Optional. Specifies the function to run when the keydown event occurs.?

jquery keydown() method example

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").keyup(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>當(dāng)發(fā)生 keydown 和 keyup 事件時(shí)，輸入域會(huì)改變顏色。請(qǐng)?jiān)囍谄渲休斎雰?nèi)容。</p>
</body>
</html>
Run instance ?

Click the "Run instance" button to view the online instance