获取，失去焦点

最新推荐文章于 2022-12-14 13:58:31 发布

代码库加载中

最新推荐文章于 2022-12-14 13:58:31 发布

阅读量328

点赞数

分类专栏： Java Script 文章标签：获取，失去焦点

本文链接：https://blog.csdn.net/weixin_44810547/article/details/88740633

版权

Java Script 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

jQuery 获取，失去焦点

<title>jQuery focus 获取 blur 失去  </title>
<script type="text/javascript">
       
        $(function(){
        	// 给第1个文本输入框 处理获得光标事件 
        	$("#text1").focus(function(){
        		console.log("第1个文本输入框获得光标");
        	}); 
        	
        	// 给第2个文本输入框 处理失去光标事件 
        	$("#text2").blur(function(){
        		console.log("第2个文本输入框失去光标");
        	});
        	
        	// 通过jQuery change 函数处理 下拉框 内容改变事件
        	
        	$("#select1").change(function(){
        		console.log("您的选择是：" + $(this).val());
        	});
        });
       
       
       
        		
</script>
</head>
<body>
 	<input type="text" value="江山" id="text1"/><br>
 	<input type="text" value="美人" id="text2"/><br>
 	
 	您的选择是：
 	<select id="select1">
 		<option value="江山">江山</option>
 		<option value="美人">美人</option>
 	</select>
 	
</body>
</html>