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

时间:2010-02-05 10:27:13

标签: javascript class event-handling prototypejs

有原型js功能:

Event.observe(element,eventName,handler)

此处元素表示元素的ID。

是否可以在此处放置元素的

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

1 个答案:

答案 0 :(得分:22)

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

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

要回答您的问题,Event.observeobserve的“静态”版本(出于所有意图和目的)。为方便原型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);