javascript - 文本框(输入类型数字)微调器在 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 元素中定义的步骤进行比较，然后检查该输入的值是否在定义的最大和最小范围内(如果已定义) 。这是最简单的方法。