維護的價值「這個」使用事件偵聽器

Question

當我有以下功能：

onDocumentKeyUp: function (e) { 
    if (e.keyCode === 27) { 
     this.deactivate(); 
    } 
} 

我想結合這個像這樣：

$(document).on('keyup', onDocumentKeyUp); 

然而，當我這樣做， this裏面的onDocumentKeyUp函數是指文檔。我解決了這個做：

var self = this; 
$(document).on('keyup', function(e) { self.onDocumentKeyUp(e); }); 

這工作，但東西告訴我有拉這一關一個更清潔的方式。某種程度上會在.call()或.apply() ..在這裏應用？我仍然不確定這些功能是如何工作的。

此外，我不一定要限制自己到jQuery.on()。如果有這樣的「香草」方式，請成爲我的客人來教我。

Answer 1

畫上on方法這裏的data參數您注意：http://api.jquery.com/on/ 您也可以利用jQuery.proxy方法：http://api.jquery.com/jQuery.proxy/

這裏的jsfiddle：jsFiddle

Answer 2

您可以使用.bind()設置上下文（沒有立即稱之爲call或apply）：

$(document).on('keyup', this.onDocumentKeyUp.bind(this)); 

由於此方法僅受符合ES5.1的瀏覽器支持，因此您可以使用jQuery.proxy而不是polyfilling。