Prototype两个常用监听器

最新推荐文章于 2024-03-29 14:53:19 发布

Owen William

最新推荐文章于 2024-03-29 14:53:19 发布

阅读量974

点赞数

分类专栏： Prototype 文章标签： Prototype javascript web开发

本文链接：https://blog.csdn.net/owen_william/article/details/51344787

版权

Prototype 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.Form.Observer(form,interval,callback)

如果表单form内任何表单控件的值发生改变，interal秒后自动触发callback函数。该表单既可以是表单的id属性，也可以是表单本身。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> 使用Form.Observer </title>
</head>
<body>
<form id="test" method="post" action="#">
用户名：<input type="text" id="user" name="user" /><br/>
密码：<input type="text" id="pass" name="pass" />
</form>
<script src="../../prototype.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>

结果：

2.Form.Element.Observer(element,interval,callback)

如果表单控件element的值发生改变，interval秒后自动触发callback函数。该element既可以是表单控件的id属性，也可以是表单控件本身。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> 使用Form.Element.Observer </title>
</head>
<body>
用户名：<input type="text" id="user" name="user" />
<script src="../../prototype.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>

结果:

Owen William

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Prototype两个常用监听器

1.Form.Observer(form,interval,callback)如果表单form内任何表单控件的值发生改变，interal秒后自动触发callback函数。该表单既可以是表单的id属性，也可以是表单本身。使用Form.Observer 用户名：密码：// 为test表单绑定事件监听器new Form.Observer("test", 1
复制链接

扫一扫

专栏目录