Javascript 附加到JS对象的HTML元素

我只是陈述了一点OOJS，但我不能集中注意力在一件事上，为和HTML元素创建一个对象并向其中添加事件

为了实践起见，我有一个想法，使输入可以验证，编辑等

下面是我如何调用输入并将其分配给HTML对象

var elements = document.querySelectorAll('.input-field');

for (var n = 0; n < elements.length; n++) {
  var instance = new input(elements[n]);
}

名称 最后的 使用绑定函数定义函数将使用的范围。当前，范围是元素，而不是类实例

this.input.addEventListener('focus', this.onFocus_.bind(this));

作用{ "严格使用",； 变量输入=函数输入项{ 该元素=元素； 这是一种结构； }; Input.prototype.Classes={ 输入：'INPUT-field\uuuu INPUT'， 标签：'input-field_uu标签'， 已编辑：“已编辑输入字段”， 聚焦：“聚焦输入字段” }; Input.prototype.onFocus u=function{ this.element.classList.addthis.Classes.FOCUSED； }; Input.prototype.construct=函数{ 这个元素{ this.input=this.element.querySelector'.+this.Classes.input； this.label=this.element.querySelector'.+this.Classes.label； 输入{ this.input.addEventListener'focus'，this.onFocus_u2;.bindthis； } } } var elements=document.querySelectorAll'.input字段'； 对于变量n=0；n非常感谢你，我真的很愚蠢。。。我真的忘了，因为我通常写在单独的链接上，并在绑定函数中添加一个evenetLisner…：