Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 修改器测试颜色输入类型是否可用_Javascript - Fatal编程技术网

Javascript 修改器测试颜色输入类型是否可用

Javascript 修改器测试颜色输入类型是否可用,javascript,Javascript,在我们的应用程序中,我们有几个html5颜色输入,用户可以选择背景颜色等。我刚刚在ie中测试,注意到颜色选择器不想工作并且不受支持 为了解决这个问题,我找到了一个垫片,并打算将其插入Modinizer。然而,我似乎不知道如何在负载中测试它,也找不到任何示例 我的代码如下所示 { test: //window.Color ??, nope: ['spectrum.js', 'spectrum.css'] } 正如Cihad Turhan在中告诉您的,modernizr无法检测到此功能

在我们的应用程序中,我们有几个html5颜色输入,用户可以选择背景颜色等。我刚刚在ie中测试,注意到颜色选择器不想工作并且不受支持

为了解决这个问题,我找到了一个垫片,并打算将其插入Modinizer。然而,我似乎不知道如何在负载中测试它,也找不到任何示例

我的代码如下所示

 {
  test: //window.Color ??,
  nope: ['spectrum.js', 'spectrum.css']
}

正如Cihad Turhan在中告诉您的,modernizr无法检测到此功能

但是,您可以通过检查此类输入的值来自己测试它。
支持时的默认值为“#000000”,如果不支持,该值将为空字符串

//加载事件已注释,因为它不会在此空代码段中激发
//document.addEventListener('load',function()){
var input=document.createElement('input');
input.setAttribute('type','color');
如果(input.value==“”){
//与input.value相同!==“000000”
applyYourShimHere();
}
//(不正确)
函数applyYourShimHere(){
警告(“您的浏览器不支持颜色输入”);
}
在Modernizer网站上

HTML5为的type属性引入了十三个新值。 它们如下:搜索、电话、url、电子邮件、日期时间、日期、月份、, 周、时间、日期时间本地、数字、范围、颜色。这些类型可以 启用本机日期选择器、颜色选择器、URL验证等。如果 浏览器不支持给定类型,它将呈现为文本 场Modernizer无法检测到日期输入创建了日期选择器, 颜色输入创建一个颜色选择器,依此类推,它将检测到 输入值根据规范进行消毒。在 WebKit,我们已经收到确认不会进行消毒 在没有UI小部件的情况下添加


所以,不幸的是,Modernizer没有给你任何关于html5输入的线索。

我试图在整个应用程序没有颜色输入,而不仅仅是几个字段时,使用Modinizer添加一个回退。另外,当颜色输入不受支持时,它仍然会给用户一个十六进制值进行编辑。@zazvorniki如果对一个输入为真,则对每个输入都为真……请参阅编辑,实际上我忽略了IE在对
类型应用“color”时抛出错误的事实。所以这很难看,但应该行得通。