mootools_event的delegation

事件的监听如果遇到有很多对象要添加同一事件的监听，那怎么办？难道说有十个需要添加，就写十次添加吗？

当然我们可以用循环语句去添加，但mootools有提供现成的方法来处理，当然Jquery里面也有。我们现在看看Mootools中怎么处理这个的吧。

<input id="addDiv" type="button" value="Add a new div" />
<p>Click one of the blocks:</p>
<div id="container" >
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div id="output"></div>

上面的代码中，一个id为container的div里面有六个div.我们要为其统统加上事件侦听，我们可以这样做：

container.addEvent('click:relay(.item)', function(){做点什么吧}

container为父容器，在这个父容器上添加侦听，核心为 ‘click’:relay(.item), 其实就是 ‘{事件类型}’:relay({所传递的对象})。 其中relay就是代理方法的关键字。

在这个最基本的结构之上，可以丰富出更多更丰富的代码。希望大伙能轻松掌握mootools。