prototype中Event.observe的测试

Event.observe使用详解

最新推荐文章于 2023-05-17 09:37:25 发布

weixin_34198762

最新推荐文章于 2023-05-17 09:37:25 发布

阅读量152

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/422161

本文介绍Prototype框架中的Event.observe方法，该方法用于在DOM元素上注册事件处理程序。通过实例演示了如何绑定及解除绑定点击事件，并解释了useCapture参数的作用。

Event.observe主要是对某个对象绑定事件，来看看官方的说明

看例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="prototype.js">
</script>
</head>
<body>
<input type="button" id="btn" value="测试是否绑定" />
<input type="button" id="reg" value="绑定" />
<input type="button" id="unreg" value="解绑" />
<div id="status">
</div>
<script>
function test(){
alert("我已经有单击事件");
}
Event.observe("reg", "click", function(){
Event.observe("btn", "click", test, false);
$("status").innerHTML = "事件已绑定";
}, false);
Event.observe("unreg", "click", function(){
Event.stopObserving("btn", "click", test, false);
$("status").innerHTML = "事件已解除绑定";
}, false);
</script>
</body>
</html>