jquery keyup() method


  Translation results：

keyup

Pop up; release the keyboard

jquery keyup() methodsyntax

Function:The complete key press process is divided into two parts, the key is pressed, and then the key is released and reset. The keyup event occurs when the button is released. It happens on the element that currently has focus. The keyup() method triggers the keyup event, or specifies a function to run when the keyup 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.

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

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

Parameters:

##ParameterDescriptionfunction Optional. Specifies the function to be run when the keyup event occurs.

jquery keyup() methodexample

<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>当发生 keydown 和 keyup 事件时，输入域会改变颜色。请试着在其中输入内容。</p>
</body>
</html>
Run instance »

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

Home

Videos

Q&A