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 关键字，你会看到我告诉你的，数据立即更新。