点击事件后，值消失

Value disappears after click event

本文关键字：消失 事件      更新时间：2023-09-26

>我尝试使用 javascript 制作一个计算器，其中包含 onclick 事件，我希望按钮的值能够转换输入文本框。当我编写代码时，按钮的值在文本框中短暂地消失，但它立即消失了。

我

使用的代码可以在此文本下方找到，我做错了什么。
.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"/>

因为按钮的默认类型是提交。因此，请取消单击操作或将类型设置为按钮。

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

或

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


var iGetal = 0;
    function GetalRekenmachine(event)
    {
        iGetal = iGetal + 1;
        document.getElementById("Display").value = iGetal;
        event.preventDefault()
    }
<button id="Cijfer7" value="7" onclick="GetalRekenmachine()">7</button>
    <input type="text" id="Display"/>

相关文章：