Question

我使用javascript添加两个文本框值并将该值存储在同一文本框中。对于该过程，我正在使用onmouseenter事件。当我在该文本框中输入鼠标时，文本框值每次都在增加，但我需要避免它。在这里，我发布了我的代码，请你解决它，

function removeFormField() {          
        var count_id = document.getElementById("balance").value;  
        document.getElementById('balance').value = parseInt(count_id)+10;   
}

HTML代码：

<div class="form-group">
     <label for="firstname" class="col-sm-4 control-label">Balance amount</label> 
        <div class="col-sm-6"> 
            <input type="text" class="form-control" id="balance" name="balance" placeholder="Balance amount" onmouseenter="removeFormField();"> 
        </div> 
</div>

Answer 1

使用标记来跟踪变化

var allowChange = true;
function removeFormField() {          
    if(allowChange){
        var count_id = document.getElementById("balance").value;  
        document.getElementById('balance').value = parseInt(count_id)+10;
        allowChange = false;
    }   
}

Answer 2

<input type="text" class="form-control" id="balance" name="balance" placeholder="Balance amount" onkeypress="removeFormField()">

输入事件只进行了一次更改。更改为按键，只有在您输入并输入到字段时才会调用它。而不是当你将鼠标单击到该字段时。

我想打破文本框值

2 个答案: