dom事件-JavaScript onchange选择绑定问题

dom events - JavaScript onchange select binding issue

本文关键字:绑定 问题 选择 onchange 事件 -JavaScript dom      更新时间:2023-09-26

我似乎无法在谷歌中选择正确的关键词来找到这个答案。

我正在一个类中创建一系列函数来处理选择框的更改。以下是JavaScript布局的一个非常简单的示例:

function example(n) {
  this.name = n;
}
example.prototype.setChange(i) {
  var c = document.getElementById('test' + i );
  for ( var x = 0; x < 10; x++
    c.options[0] = new Option(x, x);
  c.change = this.doChange;
}
example.prototype.doChange() {
  alert(this.name);
}

在我尝试访问"this"之前,一切都能找到。当调用doChange时,这是实际的select html对象,而不是类。因为这是一个事件,所以我不能使用.call(this)来强制执行正确的绑定。

通过执行this.doChange来释放this。使用类似的东西

function example(n) {
 this.name = n;
  var self = this;
  this.doChange = function () {
    alert(self.name);
 }
}