Event.observe主要是对某个对象绑定事件,来看看官方的说明
- Event.observe(element, eventName, handler)
- Registers an event handler on a DOM element.
看例子
- <!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>
设置useCapture参数,以确定侦听器是运行于捕获阶段、目标阶段还是冒泡阶段。 (1)如果将useCapture设置为true,则侦听器只在捕获阶段处理事件,而不在目标或冒泡阶段处理事件。 (2)如果useCapture为false,则侦听器只在目标或冒泡阶段处理事件。
本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/413416,如需转载请自行联系原作者