[英]How can I add a prototype function to an event listener in the initialization function?
我不确定如何说出我的问题,所以让我举一个例子:
function foo() {
window.addEventListener("keydown", function(event) {
bar(event.keycode);
}
foo.prototype.bar = function (keycode) {
//code
}
我已经尝试使用this.bar()
但是这导致使用该window
作为this
。 有没有办法做到这一点,还是我必须手动调用另一个初始化方法?
在传递之前将this.bar
绑定this
。
function foo() {
window.addEventListener("keydown", this.bar.bind(this), false);
}
foo.prototype.bar = function (event) {
console.log(event.keyCode);
}
如果你没有Function.prototype.bind
可用的替代解决方案*,并且你不愿意向Function.prototype
添加额外的函数将关闭对this.bar
:
function foo() {
var self;
self = this;
window.addEventListener('keydown', function (e) {
self.bar(e);
}, false);
}
foo.prototype.bar = function (e) {
console.log(e.keyCode);
}
*尽管你使用不带attachEvent
的addEventListener
让我相信Function.prototype.bind
是一个可以接受的选择
另外,诸如jQuery
库可能包含它们自己的bind
形式,jQuery是jQuery.proxy
。
如果你的目的是为每个创建的foo
添加一个新的监听器,另一个选择是使foo
实现EventListener接口,并简单地传递this
来代替处理程序。
function Foo() {
window.addEventListener("keydown", this, false);
}
Foo.prototype.bar = "foobar";
Foo.prototype.handleEvent = function(e) {
console.log(e.type); // "mousedown" (for example)
console.log(this.bar); // "foobar"
};
new Foo();
请注意,这仅适用于addEventListener()
。
演示: http : //jsfiddle.net/k93Pr/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.