Onclick 一个按钮运行一个功能 - 不工作?

Onclick of a button run a function - not working?(Onclick 一个按钮运行一个功能 - 不工作?)

问题描述

html:

<button id="go-btn">GO BUTTON!</button>

javascript:

javascript:

function hi(){
    alert("hi");
}

document.getElementById("go-btn").onclick = hi();

当我刷新页面时，在我单击按钮之前会弹出警报.为什么会这样?非常感谢！

When I refresh the page the alert pops up before I click the button. Why is this happening? Thanks a lot!

推荐答案

因为你是在赋值的时候调用它:

Because you are calling it while the assignment:

document.getElementById("go-btn").onclick = hi();

只需删除 () 并将 hi-function 分配给 onclick-handler.

Just remove the () and you assign the hi-function to the onclick-handler.

document.getElementById("go-btn").onclick = hi;

目前您正在将 hi() 的 RESULT 分配给 onclick-handler.

Currently you are assigning the RESULT of hi() to the onclick-handler.

这篇关于Onclick 一个按钮运行一个功能 - 不工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！