jquery为绑定动态文本框事件

最新推荐文章于 2021-02-23 15:35:22 发布

原创最新推荐文章于 2021-02-23 15:35:22 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #动态绑定 #事件 #文本框

前端专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种利用jQuery库实现对动态添加的输入框进行键盘事件监听的方法。通过为新添加的元素设置特定的属性选择器，可以实现在用户键盘输入时触发相应的事件处理函数。此外，还演示了如何在页面上动态地增加新的输入框。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>demo</title>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#div1").on('keydown', 'input[name$=Date]', function(){
			console.log('---a');
		});
		$("#btn1").click(function(){
			var html = '<input id="input1" name="lstProjectContinue[0].startDate" />';
			$("#div1").append(html);
		});
	});

</script>
</head>

<body>
<div id="div1">
	<input id="input1" name="lstProjectContinue[0].startDate" maxlength="10" />
	<input type="button" id="btn1" value="增加一个input" />
</div>
</body>
</html>