是否有Mootools的“ .on”等效項？

Question

我正在Mootools中尋找與jQuery等效的.on() 。 目的是將事件動態綁定到用戶交互后附加到頁面的元素。

Answer 1

有addEvent()和addEvents()方法將事件偵聽器附加到DOM元素。 檢查http://mootools.net/docs/core/Element/Element.Event中的文檔。

Answer 2

如果您了解事件委托的工作原理， 則將有所幫助。

這是頁面上的示例：

// Get the element, add a click listener...
document.getElementById("parent-list").addEventListener("click",function(e) {
    // e.target is the clicked element!
    // If it was a list item
    if(e.target && e.target.nodeName == "LI") {
        // List item found!  Output the ID!
        console.log("List item ",e.target.id.replace("post-")," was clicked!");
    }
});

Answer 3

正如@dimitar指出的那樣， relay()是MooTools的委托方式。 在文檔中，您可以看到一些代碼示例和一個jsfiddle。

語法為：

parentElement.addEvent（'click：relay（.targetClass）'，function（）{

其中parentElement是加載JS代碼時頁面中存在的某個元素，而.targetClass將是您要為其委派的目標元素中的類。

如前所述，MooTools頁面中有一個不錯的jsFiddle示例， 這是另一個示例，它是從第一個示例改編而來的。