jQuery $.on()方法和addEventListener改變this指向

標簽(空格分隔)： jQuery JavaScript

jQuery $.on()

jq的綁定事件使用$([selector]).on([types], [selector], [data], [fn], [one])方法；解綁事件使用off，但是解綁具體事件時候handler只能是具名函數。

在一個對象中，當我們想要在具名函數中用this訪問當前對象的屬性，可以從[data]參數傳入，然后在具名函數中通過e.data來訪問：

var obj = {

options: { a: 1 },

init: function() {

$(window).off('click', this._event);

$(window).on('click', { self: this }, this._event);

},

_event: function(e) {

var self = e.data.self;

console.log(self.options);

}

};

1. 通過bind(this)方法

var Foo = function (ele) {

this.name = 'This is foo';

this.onclickA = function (e) {

console.log(this.name); // undefined

};

this.onclickB = function (e) {

console.log(this.name); // This is foo

};

ele.addEventListener('click', this.onclickA, false);

ele.addEventListener('click', this.onclickB.bind(this), false);

};

new Foo(document.body);

2. 通過定制的函數handleEvent去捕獲任意類型

var Bar = function (ele) {

this.ele = ele;

this.name = 'This is bar';

this.handleEvent = function (e) {

console.log(this.name);

switch (e.type) {

case 'click':

console.log('Trigger click...');

break;

case 'dblclick':

console.log('Trigger dblclick...');

break;

}

};

ele.addEventListener('click', this, false);

ele.addEventListener('dblclick', this, false);

};

Bar.prototype.remove = function () {

// 你也可以移除這些監聽事件

this.ele.removeEventListener('click', this, false);

this.ele.removeEventListener('dblclick', this, false);

};

var bar = new Bar(document.body);

bar.remove();

3. 給EventListener傳遞一個函數，調用想要訪問對應作用域對象的方法

但是這樣做綁定的事件成為了匿名函數，是不能取消綁定的。

class SomeClass {

constructor() {

this.name = 'This is a class';

}

register() {

const that = this;

window.addEventListener('keydown', function (ev) { return that.foo(ev); });

}

foo(e) {

console.log(this.name);

switch (e.keyCode) {

case 65:

console.log('a');

break;

case 13:

console.log('enter');

break;

}

}

}

const obj = new SomeClass();

obj.register();

總結

以上是生活随笔為你收集整理的java改变this指向_$.on()方法和addEventListener改变this指向的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。