为什么“数字输入”旋转按钮会在Chrome中的mouseout上生成“更改”事件

Question

我有一个默认的“input type = number”元素。 在Chrome浏览器中，当我设置一个值然后将鼠标悬停在旋转按钮上时，它会在mouseout上生成“更改”事件。 https://www.screencast.com/t/9LlIg9g9

复制步骤：

1. 设置输入值
2. 鼠标悬停旋转按钮
3. 鼠标悬停旋转按钮

结果：您会看到一个包含值的提醒。

为什么会这样？

在这种情况下如何防止产生“变化”（或者我如何区分它）？我希望在所有其他默认情况下获得“更改”事件。

document.querySelector('#a').addEventListener('change', function(e){
	alert(this.value)
})

<input id="a" type="number"/>