javascript 如何在js中使用函数缩短它?[重复]

ztmd8pv5  于 2023-04-04  发布在  Java
关注(0)|答案(2)|浏览(107)

此问题在此处已有答案

What is the difference between a function call and function reference?(6个答案)
昨天关门了。
enter image description here

function print(){
    document.getElementById('demo').innerHTML = 'hello world'
}

const eventrun = (id,action,run) => document.getElementById(id).addEventListener(action,run);

eventrun('btn','click',print)
<p id="demo" ></p>
<button id="btn">Button</button>

这是不工作.....请帮助
我希望通过缩短它来使它工作。

tag5nh1u

tag5nh1u1#

您的Button id错误,请不要在eventrun函数中调用print
<p id="demo"></p>
<button id="btn" type="button">Button</button>
function print(){
    document.getElementById('demo').innerHTML = 'hello world'
}
const eventrun = (id,action,run) => document.getElementById(id).addEventListener(action,run);

eventrun('btn','click',print)
dgtucam1

dgtucam12#

您需要在HTML中使用与代码中相同的id btn来寻址相同的元素。
然后,您需要在事件侦听器中移交该函数,而无需提前对其进行冷却。
请在行尾加上分号。

function print() {
    document.getElementById('demo').innerHTML = 'hello world';
}

const eventrun = (id, action, run) => document.getElementById(id).addEventListener(action, run);

eventrun('btn', 'click', print);
<p id="demo"></p>
<button id="btn">Button</button>

相关问题