Why does the onChange event trigger every time I change the year in a date field in chrome?

Question

The onChange event trigger every time I change the year in a date field in chrome? If I already entered a date and change the day or month it triggers too. I would expect this to only trigger when I leave the input field.

I didn't expect onChange to trigger unless the date field loses focus. Any idea what is going on here?

W3School documentation on onChange: https://www.w3schools.com/jsref/event_onchange.asp

 let date = document.getElementById('date'); date.addEventListener('change', () => console.log('change event triggered')); 

 <input id="date" type="date" /> 

Answer 1

Your linked page says:

The onchange event occurs when the value of an element has been changed.

Which would imply that this is correct behaviour.

It sounds like you're looking for onblur , which fires when an element loses focus. w3schools