我有一个事件监听器,当然在事件上调用一个方法。此方法尝试保存对保持对象的引用失败,以便它可以访问该对象的其他属性。
有一条评论表示行为未被理解的位置。像我想的那样,不能访问this_hold.Name。
/*MUserExist
**
**
**
*/
$A.module({
Name: 'MUserExist',
S: {
ClientStorage: SClientStorage,
ComMessage: SComMessage,
ComText: SComText,
DynSma: SDynSma,
DynTwe: SDynTwe,
DynArc: SDynArc,
AniMorphLabel: SAniMorphLabel,
AniFlipPage: SAniFlipPage
},
E: {
but: $A('#ue_but')[0],
text: $A('#ue_go')[0],
form: $A('#ue_fo')[0],
check: $A('#ue_check')[0]
},
J: {
box: $('#ue_box')
},
init: function () {
var pipe = {},
this_hold = this;
this.J.box.draggable();
this.E.but.addEventListener("click", function () {
pipe = $A.definePipe(this_hold.Name);
$A.machine(pipe);
}, false);
this.E.text.addEventListener("keypress", this.enter, false);
this.S.AniMorphLabel.run(["ue_email",
"ue_email_lab",
"ue_go",
"ue_pass_lab"
]);
},
enter: function (event) {
var pipe = {},
this_hold = this;
if (event.keyCode === 13) {
pipe = $A.definePipe(this_hold.Name); // fails here what does 'this' point to?
$A.machine(pipe);
event.preventDefault();
}
},
pre: function (pipe) {
var form_elements = this.E.form.elements,
text_object = new this.S.ComText(form_elements);
pipe.enter = this.enter;
if ($A.Un.get('load') === '1') {
if (!text_object.checkFull()) {
pipe.type = 'empty';
return this.S.ComMessage.message(pipe);
}
if (!text_object.checkPattern('email')) {
pipe.type = 'email';
return this.S.ComMessage.message(pipe);
}
if (!text_object.checkPattern('pass')) {
pipe.type = 'pass';
return this.S.ComMessage.message(pipe);
}
}
pipe.page = text_object.getArray();
pipe.proceed = true;
pipe.page.remember = this.E.check.checked;
return pipe;
},
post : function (pipe) {
if (pipe.proceed === true) {
this.S.ComMessage.resetView('ue_email');
this.S.ComMessage.resetView('ue_go');
this.S.ClientStorage.setAll(pipe.server.smalls);
this.S.DynSma.run(pipe.server.smalls);
this.S.DynArc.run(pipe.server.arcmarks);
this.S.DynTwe.run(pipe.server.tweets);
this.S.AniFlipPage.run('ma');
} else {
return this.S.ComMessage.message(pipe);
}
}
});
答案 0 :(得分:2)
this
可能指向触发事件的DOM节点。您是否尝试将this
写入控制台进行检查?
console.log(this);
答案 1 :(得分:1)
尝试更改事件的绑定方式
this.E.text.addEventListener("keypress", this.enter, false);
到
var that = this;
this.E.text.addEventListener("keypress", function(event) {
that.enter(event);
}, false);
答案 2 :(得分:1)
this
是生成事件的DOM对象。它不是你的javascript对象。
当您将this.enter
作为事件处理程序的方法传递时,方法enter
不会保持绑定到您的对象。如果您希望这样做,您必须通过执行以下操作来更改代码以使其发生:
// save local copy of my object so I can refer to it in
// the anonymous function
var obj = this;
this.E.text.addEventListener("keypress", function(event) {obj.enter(event)}, false);
重要的是要记住this
是由方法/函数的调用者设置的。在这种情况下,事件处理程序的调用者是浏览器中的事件子系统。它不知道你的对象是什么,它的设计行为是将this
设置为导致事件的DOM对象。因此,如果要调用obj.enter方法,则不能只将enter
作为事件处理程序传递。相反,您创建一个单独的函数,该函数将作为事件处理程序调用,然后使用您的对象作为基础从中调用obj.enter()
,以便正确设置this
。
另一个解决方案是使用.bind()
,它还会创建一个将右this
绑定到函数调用的存根函数,但我自己不使用.bind()
因为它没有'适用于所有旧浏览器。