javascript - Chrome 中的延迟数字框

Question

我注意到，如果您按框中的向上/向下箭头按钮，数字输入在触发 onChange 事件时会出现延迟。

在 Mac Safari 和 Firefox 等其他浏览器上，会立即调用 onChange 事件。

请参见此处:https://jsfiddle.net/yyfvv0vg/

<input type="number" max="9999" min="1" onchange="change()"/>
<div></div>

function change()
{
    $("div").html($("input").val());
}

有没有办法强制它立即更新，或者这只是我必须处理的生活事实？

Answer 1

尝试使用 onmouseup 代替 onchange 事件，它会起作用。

似乎当您将光标放在chrome中的箭头上时，数据会更新，直到您将光标移出箭头>，尝试使用 up 和 down 关键字，你就会看到我告诉你的，数据会立即更新。