jQuery - 在自定义函数中使用 $(this)

Question

我正在尝试创建一个自定义函数来解除绑定然后绑定事件。它看起来像这样：

App.bindEvent = function(selector, eventType, eventHandler) {
    $(selector).unbind(eventType);
    $(selector).bind(eventType, function(event) {
        eventHandler(event);
    });
};

但是，我面临的问题是我无法使用 this 关键字来引用被单击的 DOM 元素。例如，我不能这样做：

App.bindEvent("#my-element", "click", function() {
    var myId = $(this).attr("data-my-id");
});

如何让 this 关键字像 jQuery.bind() 中那样指向单击的 DOM 元素？

感谢您的任何帮助。

Answer 1

更改：

eventHandler(event);

到：

eventHandler.call(this, event);

这会将函数的“范围”更改为与原始“bind”调用的范围相同。

Answer 2

这个怎么样：

App.bindEvent = function(selector, eventType, eventHandler) {
    var element = this;

    $(selector).unbind(eventType);
    $(selector).bind(eventType, function(event) {
        eventHandler.call(element, event);
    });
};

Answer 3

您需要调用处理程序在对象的上下文中：

eventHandler.call(this, event);

Answer 4

我认为您正在尝试参考

event.target

例如：

App.bindEvent("#my-element", "click", function(event) {
    var myId = $(event.target).attr("data-my-id");
});

查看 jquery 的事件文档