原型中是否有与以下内容等效的内容？

Question

特别是关于 live 的部分......

 jQuery('.something').live('click', function() {
     jQuery(this).parent('form').reset();
 });

我想这也可能有效，尽管我对父函数很好奇：

 jQuery('.something').live('click', function() {
     this.form.reset();
 });

Answer 1

Live

Prototype 目前不提供“实时”支持。不过，您可以对事件委托执行类似的操作。您可以在其中监视父元素上的事件，然后在事件处理程序中找出事件实际发生在哪个子元素上：

$('theFormID').observe('click', handleFormClick);
function handleFormClick(event) {
    var element;

    // Get the element on which the click occurred
    element = event.findElement();
}

事件委托仅适用于冒泡事件（例如“单击”）；我不知道 jQuery 的 live 东西是否也有同样的问题。

一件好事是您可以将 CSS 选择器传递到 Event#findElement< /code>：

$('tbodyID').observe('click', handleTableClick);
function handleTableClick(event) {
    var element;

    // Get the element on which the click occurred
    element = event.findElement('tr');
}

...查找被点击的 tr，即使实际点击发生在 tdspan 内tr 内的 code>。

正确使用事件委托可以极大地简化挂钩/取消挂钩元素，特别是在动态添加和删除元素时。

如果 Prototype 有一个提供“实时”支持的插件，我不会感到惊讶。

Parent

您提到您想要获取单击控件的父级。当您使用 Prototype 连接处理程序时，默认情况下它会进行设置，以便在您的处理程序中，this 引用您已设置事件处理程序的元素。例如，如果您有一个 id 为 foo 的 div：

$('foo').observe('click', function(event) {
    // Here, `this` will refer to the `foo` element
});

那么您可以使用 Prototype 的 Element#up 获取父元素。 （如果您使用事件委托并且首先将事件挂接到父级，当然只需直接使用this，如果您还需要获取引用对于被单击的内容，请使用上面的 #findElement。）