Is there an event that fires whenever the value in the input changes, regardless of the focus of the input? Is there some other way to work around this problem? It seems like this would be the kind of thing that would have a thousand hits on Google, but I can’t seem to find anything.ĭocument.getElementById('wm_buy_amt_input').addEventListener('keyup', wbCalculateOther, false) ĭocument.getElementById('wm_buy_amt_input').addEventListener('change', wbCalculateOther, false) ĭocument.getElementById('wm_buy_amt_input').attachEvent('onkeyup', wbCalculateOther) ĭocument.getElementById('wm_buy_amt_input'). clicking the up and down arrows on compatible browsers).

However, this is still not perfect, because the user could paste a value into the box or change the value in some other way (i.e. there is a input where blur () event is trigger, and this input, i want to detect if was triggered with a Tab key, shift+tab keys or a click out. I have added “keyup” as a second event for the calculation to be performed, which covers many cases of user input. However, the “change” event works only when the input loses focus. Also, is attaching this keyup listener the only way to detect a keyboard enter on a search field. In order to have the best user experience, I want JavaScript to perform the calculation whenever the number in the field is changed.

The keyup event occurs when a keyboard key is released. A similar answer was given on a similar question on stackexchange here. I have an input field where users can input a number, and JavaScript calculates a result and displays it on the page. keydown - The key is on its way down keypress - The key is pressed down keyup - The key is released. I know that this is a really basic answer, but validating on keyup could annoy the user, but still it really depends on the situation, in my case, i would consider validating from submit reaching keyup according to information sensitivity as a standard.

Detect keyup on blur