Я хочу изменить значение текстового поля

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()"> 

только одно изменение сделано на входном событии. Изменено на нажатие клавиши, и оно вызывается только при вводе и вводе в поле. а не при нажатии мыши на поле.