前端 jQuery input框事件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>input框事件</title>
	<style type="text/css">
		
	</style>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript">
		$(function(){
			// //一开始就获取焦点,相当于设置了autofocus自动获取焦点了(HTML5 新增表单控件属性)
			// $('#txt01').focus();

			// //文本框获取焦点的时候(有光标闪烁的时候)
			// $('#txt01').focus(function() {
			// 	alert('focus');
			// });

			// //失去焦点的时候(光标离开的时候)
			// $('#txt01').blur(function() {
			// 	alert('blur');
			// });

			// //输入框内容发生变化的时候,失去焦点后触发,可用于注册时验证用户名是否已存在
			// $('#txt01').change(function() {
			// 	alert('change');
			// });

			//松开键盘按键就触发
			$('#txt01').keyup(function() {
				alert('keyup');
			});
		})
	</script>
</head>
<body>
	<input type="text" id="txt01">
</body>
</html>

猜你喜欢

转载自blog.csdn.net/cc576795555/article/details/86497462
今日推荐