当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Prototype Event stop()用法及代码示例



此方法会停止事件的传播并防止其默认操作最终被触发。

您的浏览器在启动事件后如何处理事件有两个方面 -

  • 浏览器通常在发生事件的实际元素上触发事件处理程序,然后在其父元素上,依此类推,直到到达 document.s 根元素。这称为事件冒泡,是最常见的事件传播形式。当您刚刚处理一个事件时,您可能很想停止这种传播,并且不希望它继续冒泡(或认为不需要它)。

  • 一旦您的代码有机会处理该事件,浏览器也会处理它,如果该事件具有默认行为。例如,点击链接导航到它们;提交表单将它们发送到服务器端;在单行表单字段中点击 Return 键会提交它,等等。如果您自己处理,您可能很想防止这种默认行为。

因为停止这些方面之一意味着,在 99.9% 的情况下,也阻止另一个方面,Prototype 在这个停止函数中捆绑了这两个方面。在事件对象上调用它会停止传播并阻止默认行为。

用法

Event.stop(event);

返回值

不适用。

示例

这是一个代码片段,如果某个字段为空,它会阻止将表单发送到服务器端。

Event.observe('signinForm', 'submit', function(event) {
   var login = $F('login').strip();
   if ('' == login) {
      Event.stop(event);
      // Display the issue one way or another
   }
});

相关用法


注:本文由纯净天空筛选整理自 Prototype - Event stop() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。