文本框（输入类型号）微调器在 IE11 中不起作用

Question

我正在使用输入标记来显示和更改我的应用程序中的小数位数。我希望它在微调器的帮助下减少或增加，而不是允许用户在文本框中输入。为此我正在使用输入数字。

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

这在 Chrome 和 firefox 中运行良好。但 IE11 似乎不支持此功能。 我在这里找到了一个 pollyfill https://github.com/jonstipe/number-polyfill

但这是一个包含附加功能的巨大 js，我不知道如何使用它。

还有其他简单的方法可以解决这个问题吗？

Answer 1

不幸的是，IE11 本身不支持步骤和微调器，因此您需要一种解决方法。无论是通过编写自定义实现还是使用 polyfill。

要在 javascript 中编写自己的实现，您必须添加事件侦听器来检查 input[type="number"] 元素的值（或者，如果您只需要检查几个，也许添加一个特殊类并通过它选择它们）在每个输入上的每个 keyup 事件之后，并将其与输入 html 元素中定义的步骤进行比较，然后检查该输入的值是否在其定义的最大和最小范围内（如果已定义） .这是最简单的方法。