Prototype中两个常用的监听器-CSDN博客

本文链接：https://blog.csdn.net/libinxuan520/article/details/83767832

Form.Observer(form,interval,callbank)，表示表单form中任何一个表单控件的值发生了改变，interval秒之后就自动触发callback函数
Form.Element.Observer(element,interval,callbank)，表示表单控件element的值发生了改变，interval秒之后就自动触发callback函数

Form.Observer例子：

<!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>
		<title>使用Form.Observer</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<form id="test" method="post" action="#">
			用户名：
			<input type="text" id="user" name="user" />
			密码：
			<input type="text" id="pass" name="pass" />
		</form>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//为test表单绑定事件监听器
			new Form.Observer("test", 1, function() {
				//此处的this.getValue()将返回目标表单的serialize()
					alert(this.getValue());
				});
		</script>
	</body>
</html>

Form.Element.Observer的一个简单的例子：

<!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>
		<title>使用Form.Element.Observer</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		用户名：
		<input type="text" id="user" name="user" />
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//为user表单控件绑定事件监听器
			new Form.Element.Observer("user", 1, function() {
				//此处的this.getValue()将返回目标表单的getValue()
					alert(this.getValue());
				});
		</script>
	</body>
</html>