html - 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")

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

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