小白问个事件监听传参数的问题

Question

一个函数，当事件发生的时候触发事件的元素改变属性，要用到this参数。

用addEventListener不能传参数（我想传一个this过去），网上的方法有点复杂看不懂，所以我想到用setAttribute的方法试试，没想到也能运行，但是网上说这方法不行，为什么；
var a = true;
function fn(_this){
if(a){
_this.style.background='#f00';
}else{
_this.removeAttribute("style");
}
a = !a;
}
document.getElementById('input1').setAttribute('onclick','fn(this)');


//HTML
<form action="456" method="get" accept-charset="utf-8">
<input id="input1" type="button" name="a123" value="645" style="color:#ccc">
</form>

Answer 1

其实没有那么复杂，你绑定在函数里面直接使用this就行，这时候函数里面的this就指向你绑定点击事件的元素（input1）。你这样做其实也可以，但是不使用的addEventListener绑定的事件，有些缺陷（只能绑定一个）。