HTML5數字旋轉框控件不觸發更改事件？

我們目前使用jQuery來觸發表單輸入字段上的重新計算。使用HTML5，我們可以在Safari中獲得漂亮的旋轉盒（至少在5.0.3 Mac上）。但是，使用spinbox控件更新字段似乎根本不觸發更改事件。這就像這個領域還沒有更新。這僅僅是WebKit的一個疏忽嗎？或者有沒有辦法解決這個問題？HTML5數字旋轉框控件不觸發更改事件？

編輯：更改旋轉框甚至不會觸發輸入事件。

來源

2011-02-10 Erik Veland

當輸入失去焦點時觸發更改事件並通過單擊spinbox更改值，輸入不失去焦點，因此更改事件不會被觸發。

來源

2011-02-10 03:25:43 otakustay

這在解釋原因時很有意義（即使當字段明顯發生變化，焦點或不變時，字段不會觸發變化事件有點不合邏輯）。 – 2011-02-11 04:09:26

但是，當您離焦字段時，「更改」事件仍不會觸發。似乎是一個錯誤。 – Phrogz 2011-03-23 18:41:48

您想使用事件。使用類似$("...").bind("input", fn);。

見http://msdn.microsoft.com/en-us/library/gg592978(VS.85).aspx

來源

2011-02-10 21:06:25 gilly3

$。點擊（）工作正常。如果您單擊並按住，則不會釋放。

來源

2011-04-14 20:14:52 hookedonwinter

在Chrome 11和Opera 11.10 This works for me：

<fieldset class="col" oninput="exoutput.value = exnumber.valueAsNumber * exnumber.valueAsNumber;"> 
    <legend>Output event handler</legend> 
    <label for="exnumber">Number: </label> 
    <input type="number" id="exnumber" placeholder="Enter a number" min="0" value="4" required> 
    <label for="exoutput">Output: </label> 
    <output for="exnumber" id="exoutput">16</output> 
</fieldset>

火狐4不這樣做valueAsNumber，但a minor change makes it work in all three。對不起，我現在沒有可用的Safari來測試。

來源

2011-05-06 14:30:41 robertc

HTML5數字旋轉框控件不觸發更改事件？

回答

相關問題