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中 的箭頭上時，數據會更新，直到將光標移出箭頭 ，嘗試使用上下關鍵字，您會看到我在告訴您的信息，數據是中間的更新。