Prototype - Event observe() 方法

此方法在 DOM 元素上注册事件处理程序。

要将函数注册为事件处理程序,您要观察的 DOM 元素必须已存在于 DOM 中。

语法

Event.observe(element,eventName,handler[,useCapture=false]);

以下是有关传递的参数的说明 −

  • element − 您要观察的 DOM 元素;与 Prototype 中一样,这可以是实际的 DOM 引用,也可以是元素的 ID 字符串。

  • evenetName − 根据您的浏览器支持的 DOM 级别标准化事件名称。这包括单击、鼠标按下、鼠标弹起、鼠标悬停、鼠标移动和鼠标移出。

  • handler − 这是事件处理程序函数。这可以是您即时创建的匿名函数。

  • useCapture − 您也可以选择请求捕获而不是冒泡。详细信息请参阅http://www.w3.org/TR/DOM-Level-2Events/events.html

返回值

NA。

示例

以下是示例,它观察 click 事件并在发生 click 事件时采取行动。

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         // 注册事件"click"及相关回调。
         Event.observe(document, 'click', respondToClick);
  
         // 回调函数来处理事件。
         function respondToClick(event) {
            alert("You pressed the button...." );
         }
      </script>
   </head>

   <body>
      <p id = "note"> Click anywhere to see the result.</p>
      <p id = "para1">This is paragraph 1</p>
      <p id = "para2">This is paragraph 2</p>
      <div id = "division">This is divsion.</div>
   </body>
</html>

输出

prototype_event_handling.html