javascript - Event.observe 函数 - 按类而不是 id 观察元素

Question

有原型(prototype)js函数:

Event.observe(元素、事件名称、处理程序)

这里的元素是指元素的ID。

是否可以将元素的 class 放在这里？

我从第三方获得了这个元素，只有 class 属性。

Answer 1

$$可以通过 css 选择器检索元素，包括通过 period notation 按类检索元素。:

$$('.myClass'); // array with all elements that have class "myClass"

为了回答您的问题，Event.observe 是 observe 的“静态”版本(出于所有意图和目的)。作为方便原型(prototype) automagically makes .observe available off of all DOM elements (使用 $ 或 $$ 获取):

例子:

// get one item by id with $ and attach an event listener:
$('myId').observe(eventName, handler);

// get many items by class with $$ and attach an event listener:
$$('.myClass').each(function(element) {
  element.observe(eventName, handler);
});

// or shorter:
$$('.myClass').invoke('observe', eventName, handler);