监听输入框的输入变化

最新推荐文章于 2023-12-29 23:26:56 发布

原创最新推荐文章于 2023-12-29 23:26:56 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery库来监听HTML页面中输入框的变化，并在输入框内容发生变化时弹出提示框显示当前输入的内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<script src="jquery-1.11.js" type="text/javascript"></script>
	<title>演示</title>
	</head>
	<body>
		
		<input type="text" id="deptInput">
	</body>
	<script type="text/javascript">
	
	$("#deptInput").on('input propertychange', function(){
				
				if (this.value) {
					alert(this.value)
				} else  {
					
				}
			
				
				
			});
			
	
	
	</script>
   </html>