jQuery代理與

Question

我正在閱讀有關jQuery on（）而不是proxy（）的首選。 所以我在徘徊，如何使用on（）解決以下情況？

$(document).ready(function() {

    //$("h1").bind("click",doeFunction);
    $("h1").click( $.proxy(function(e){
        console.log(e.currentTarget);
        console.log(this);
    }, this));

});

我希望既能“保持”范圍，又能達到H1按鈕。 我將如何使用.on（）進行管理？

親切的問候，米歇爾

Answer 1

$.proxy是Function.prototype.bind方法的簡化實現，用於創建一個新函數，該新函數將在適當的上下文中執行（ this ）。 查看您發布的代碼，由於您可以直接訪問document對象，因此不必使用$.proxy ：

$(document).ready(function() {
    // this === document
    $("h1").click(function(e) {
        // this === h1 element
        console.log(document);
    });
});

就$.fn.on方法而言，您可以像現在一樣使用兩次click ，也可以使用

$("h1").on("click", function() {
   // 
});