文本框（輸入類型編號）微調框不在IE11中工作

Question

我正在使用輸入標籤來顯示和更改我的應用程序中的小數位數。而不是允許用戶輸入文本框，我希望它減少或在spinner的幫助下增加。爲此，我使用type作爲數字。

<input type='number' step="1" onkeydown="return false" min="0" max="3" id='txtDecimalsCount' value="0"> 

這工作在Chrome罰款和firefox.But似乎IE11不支持此功能。 我發現這裏pollyfill https://github.com/jonstipe/number-polyfill

但是這其中包含額外的功能一個巨大的JS，我不知道如何使用它。

有沒有其他簡單的方法可以解決這個問題？

Answer 1

IE11本身不支持步驟和旋鈕，因此不幸的是您需要一種解決方法。無論是通過編寫自定義實現還是使用polyfill。

要使用JavaScript編寫您自己的實現，就必須添加事件偵聽器，其檢查輸入的值類型=「數字」]元素（或者，如果你只需要檢查它的一對夫婦，也許加一個特殊的類並通過它選擇它們）在每個輸入的每個鍵盤事件之後，並將其與輸入html元素中定義的步驟進行比較，然後檢查該輸入的值是否在其定義的最大和最小範圍內（如果它們已定義）。這是最簡單的方法。