PrototypeJSの

Question

メソッドを持つjQueryに使用されています。それでは、私はこのようなHTMLを持っているとしましょう：jQueryので

<div id="covers"> 
    <a href="#"><img ... /></a> 
    <a href="#"><img ... /></a> 
    <a href="#"><img ... /></a> 
    <a href="#"><img ... /></a> 
    <a href="#"><img ... /></a> 
    <a href="#"><img ... /></a> 
    ...lots anchors here... 
</div> 

を、私は親のdivにイベントをバインドし、そのようdelegate()を使用して、新しい、動的に追加アンカーに個別のハンドラをアタッチすることはできません。

$('#covers').delegate('a', 'click', function(){ 
    /// stuff I want to do 
    var clickedAnchor = $(this); 
}); 

同等のコードはPrototypeには何かありますか？

Answer 1

プロトタイプの考え方は、クロスブラウザの抽象化（1年に1回のリリース、汚染されたネイティブプロトタイプの追加）を追加するだけで、純粋なJavaScriptのようになります。

したがって、プロトタイプには delegateはありません。 でもEvent#findElementを使用できます。

$('covers').observe('click', function (event) { 
    var link = event.findElement('a'); 

    if (link) { 
     // ... 
    } 
}); 

---

編集：ありプロトタイプでdelegateです：http://api.prototypejs.org/dom/Event/on/！

$('covers').on('click', 'a', function (event, element) { 
    // ... 
});