关于jQuery的keyup()事件的使用

最新推荐文章于 2023-04-12 10:52:49 发布

weixin_33671935

最新推荐文章于 2023-04-12 10:52:49 发布

阅读量428

点赞数

原文链接：http://www.cnblogs.com/tranquilityMan/p/11006804.html

版权

jQuery是个非常优秀的前端的框架内，我们这次来接收一下keyup事件，来看一下官方给出的说法keyup事件会在按键释放时触发。说普通一点就是这个事件会当你按完键盘就触发这个事件

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript">
				//第一种方式
				$(document).ready(
					function(){
					$("input").keyup(
						function(){
							$("input").css("background-color","red");
						});
				});
				//第二种方式
				$(document).ready(function(){
					$("#in").keyup(
						function(){
							$("input").css("background-color","greenyellow");
						}
					);
				});
				//第三种方式
				$(document).ready(function(){
					$("#in").bind("keyup",function(){
						$("#in").css("background-color","red");
					});
				});
		</script>
	</head>
	<body>
		<input id="in" type="text"/>
	</body>
</html>

转载于:https://www.cnblogs.com/tranquilityMan/p/11006804.html