javascript - 如何特征检测输入类型

Question

在这里似乎找不到无 Modernizr 的解决方案，但我如何检测对特定输入类型的支持，而不是属性？

例如，对于一个属性:

var supportsRequired = 'required' in document.createElement('input')
if (supportsRequired) {
    // support
} else {
    // no support
}

有没有简单的方法来处理输入类型？我不想做的一件事是“交换”不支持的输入类型。有没有类似的东西，只测试？...

var supportsEmailType = 'email' in input.type
if (supportsEmailType) {
    // support
} else {
    // no support
}

感谢任何帮助。

Answer 1

来自 here :

If your browser supports that particular input type, the type property will retain the value you set. If your browser doesn't support that particular input type, it will ignore the value you set and the type property will still be "text".

这将正确检测是否支持“电子邮件”类型，您可以重用该函数来检测其他类型:

if (supportsInputType('email')) {
    // support
} else {
    // no support
}

function supportsInputType(type){
    var i = document.createElement('input');
    i.setAttribute('type', type);
    return i.type === type;
}