Почему input type="number" генерирует «change» event при наведении курсора на стрелки. Как отличить?

Браузер Chrome. Имеем обычный input type="number".
Если изменить значение, затем навести курсор на стрелки и убрать, то произойдет событие change.
https://www.screencast.com/t/9LlIg9g9

Вопрос 1 - почему так происходит? Баг Chrome или это где-то описано в спецификации?
Вопрос 2 - как это можно обойти, если я не хочу, чтобы в этом случае срабатывало событие change. Но я хочу, чтобы стрелки были и при нажатии генерировали change.
https://jsfiddle.net/et6c0v6p/