<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<form id="form1" onsubmit="return false">
<div id="div1">
<button onclick="createInput()">生成input</button>
<input type="text" id="text1"></input>
</div>
</form>
</body>
<script type="text/javascript">
$(function ()
{
//去掉所有输入框的前后空格
$("#form1").on(//为form1表单下所有的添加on事件, 也可以选择指定的范围,支持JQuery所有选择器
"keyup", // 需要添加的事件
"input[type='text']", //选择form1表单下的控件类型,支持JQuery所有选择器
function () //需要执行的动作
{
this.value = this.value.trim();//去掉空格
})
}
);
//动态生成控件
function createInput()
{
$("#form1").append($("<input type='text'></input>"));
}
</script>
</html>