传递＆＃39; addEventListener＆＃39; name作为参数

Question

为简化起见，我想在按钮中添加一个说 hello 的事件：

＆＃13;

＆＃13;

var b= document.getElementById("palabras");
function fun2(){
	alert("hello");
}
function e(func){
	b.window[func]("click", fun2);
}
e("addEventListener");

＆＃13;

<button id="palabras">words</button>

＆＃13;

＆＃13;

＆＃13; 控制台中的结果显示为Uncaught TypeError: Cannot read property 'addEventListener' of undefined

Answer 1

需要将事件侦听器添加到元素中，而不是b['window']。

更改

b.window[func]("click", fun2);

到

b[func]("click", fun2);

<强>演示：

var b= document.getElementById("palabras");
function fun2(){
	alert("hello");
}
function e(func){
	b[func]("click", fun2);
}
e("addEventListener");

<button id="palabras">words</button>

Answer 2

您不需要添加window，请检查工作代码 -

<script>
var b= window.document.getElementById("palabras");
console.log(b);
function fun2(){
    alert("hello");
}
function e(func){
    b[func]("click", fun2);
}
e("addEventListener");
</script>

如果您控制document.getElementById("palabras");它将控制目标，那么您需要addEventListner，因此不需要window，只需使用b[func]("click", fun2);。