-->

jQuery keyup() Method

By: Bipin C Mathew 7 months ago

The event occurs when a keyboard key is released. The keyup() method triggers the keyup event, or attaches a function to run when a keyup event occurs.

Syntax:

$(selector).keyup() - Trigger the keyup event for the selected elements.

$(selector).keyup(function) - Attach a function to the keyup event.

Example:

<!doctype html>
	<html lang="en">
		<head>
			<meta charset="utf-8">

			<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
			<script>  
			$(document).ready(function(){  
			    $("input").keydown(function(){  
					$("input").css("background-color", "red");  
			    });  
			    $("input").keyup(function(){  
					$("input").css("background-color", "yellow");  
			    });  
			});  
			</script>  
		</head>
		<body>
		Write Anything: <input type="text">    
		</body>
	</html>

we use two functions one is keyup and keydown.keyup occurs when we release a key.keydown occurs when we press a key on keyboard

Comments

Let us talk!

We take the vision which comes from dreams and apply the magic of science and mathematics, adding the heritage of our profession and our knowledge to create a design.