对象在javascript中没有方法错误

Question

我正在使用以下代码,但它返回以下错误

 Uncaught TypeError: Object [object HTMLAnchorElement] has no method 'userInput'

这是代码jsfiddle

var ClickEvent = function (event) {
    this.ev = $('.' + event);
    this.ev.on('click', function () { this.userInput(); });
};

ClickEvent.prototype = function () {
    return {
        userInput: function () {
            console.log('user');
        },

        show: function () {
            console.log('show');
        }
    };   
}();

var c = new ClickEvent('event');

我userInput在on()回调函数内部调用函数,但它返回上面error.

我怎么解决这个问题？

Answer 1

问题是thisclick回调处理程序中的执行context()没有指向ClickEvent实例,它引用了被单击的dom元素.

你需要使用

this.ev.on('click', $.proxy(function () { this.userInput(); }, this));

演示:小提琴

要么

var that = this;
this.ev.on('click', function () { that.userInput(); });

演示:小提琴