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

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

看起来，当您将光标放在 chrome中 的箭头上时，数据会更新，直到将光标移出箭头 ，尝试使用上下关键字，您会看到我在告诉您的信息，数据是中间的更新。