javascript - 在 AddEventListener 上使用 .bind() "this"？

Question

我正在练习一点 Javascript，但终究还是想不出如何将“this”与事件处理程序绑定(bind)...

下面是我的代码。我试图做到这一点，以便单击任何按钮的颜色都会变成红色。但只有第一个按钮变红。

<button>1</button>
<button>2</button>

var change = function() {
  this.style.color = "red";
}

var button = document.querySelector("button");
button.addEventListener("click", change, false);

谢谢大家!

Answer 1

您可以使用 Element#querySelectorAll 将样式应用于所有按钮

var change = function(){
    this.style.color = "red";
}

var buttons = document.querySelectorAll("button");

[].forEach.call(buttons, function (button) {
    button.addEventListener("click", change, false);
});

<button>1</button>
<button>2</button>