谷歌铬没有颜色输入模糊

Question

颜色选择器输入（类型=颜色）将在Firefox中呈现为文本框，因为它没有本机支持，但Chrome浏览器将呈现更好的本机控件。但是，使用jQuery绑定到blur事件将在firefox中运行，但不能在chrome中运行。

这是否（尚未）实施或我应该使用其他事件？

这是一个有问题的代码的jsFiddle（在FF中不在chrome中工作）http://jsfiddle.net/Rgu6h/13/

Answer 1

我刚刚发现了问题，我想知道的是，如果值被更改，那么我可以绑定到change事件而不是click / blur / mouseup或任何事件。有时解决方案太明显了。

Answer 2

您可以下载modernizr.js并询问浏览器是否支持输入类型颜色。如果不是，那么您将编写函数以在模糊时显示颜色选择器。

这个概念被称为“polyfills”，它包括在浏览器本身不支持时创建额外的功能。

查看Modernizr的网站：http://modernizr.com/了解更多信息。为了以防万一，您不需要下载整个包装，您只能选择您需要的东西。在你的情况下，它将是一个9k文件。 （http://modernizr.com/docs/#inputtypes）

更新1： 好像我误解了你的问题。

更新2： 看起来chrome将输入类型颜色视为按钮。你为什么不使用“点击”活动？

Answer 3

模糊效果。尝试使用键盘上的TAB键访问输入，你会看到它是聚焦的，然后是模糊的，然后显示div。

您可能想要使用onmouseup。这取决于你正在尝试做什么。