javascript - 点击事件后值消失

Question

这个问题已经有答案了:

Can I make a <button> not submit a form? (8 个回答)

已关闭 7 年前。

我尝试使用带有 onclick 事件的 javascript 制作一个计算器，我想要按钮的值来转换输入文本框。当我在文本框中编写代码时，按钮的值会短暂出现，但它会立即消失。

我使用的代码可以在本文下面找到，我做错了什么。
HTML:

    var iGetal = 0;
    function GetalRekenmachine()
    {
        iGetal = iGetal + 1;
        document.getElementById("Display").value = iGetal;
    }

 <button id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>
    <input type="text" id="Display"/>
    


    

Answer 1

因为按钮的默认类型是提交。所以要么取消点击 Action ，要么将类型设置为按钮。

<button id="Cijfer7" value="7" onclick="GetalRekenmachine(); return false;">7</button>

或

<button type="button" id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>