HTML5 输入类型=数字 Polyfill 在 IE10 中不起作用

Question

我尝试使用这个 pollyfill：https://github.com/jonstipe/number-polyfill

但它在 IE10 中没有任何作用。也没有脚本错误。这除了包含 JS 和 CSS 文件还有什么？

我会更进一步指出，polyfill 的官方演示甚至无法在 Windows 8 上的 IE10 中运行：http://jonstipe.github.io/number-polyfill/demo.html

Answer 1

问题从一开始就很明显：

i = document.createElement("input");
i.setAttribute("type", "number");
if (i.type === "text")

i.type 在 Internet Explorer 10 中的结果是“数字”，这意味着 Internet Explorer 10 实际上支持数字输入类型——consulting their documentation 进一步证实了这一点。您甚至可以通过尝试将字母放入数字输入来确认该功能已到位——当元素失去焦点时，它们将被删除。

如果您希望此工具逐步增强 Internet Explorer 中此控件的界面，则需要将条件解析为 true。