html5中可用的颜色,jquery – 如何知道HTML5输入类型颜色是否可用作颜色选择器？...

干得好.

/**

* Determine if the current browser has support for HTML5 input type of color.

* @author Matthew Toledo

* @return {boolean} True if color input type suppored. False if not.

*/

var test = function() {

var colorInput;

// NOTE:

//

// If the browser is capable of displaying a color picker,it will sanitize the color value first. So "!"" becomes #000000;

//

// Taken directly from modernizr:

// @see http://modernizr.com/docs/#features-html5

//

// These types can enable native datepickers,colorpickers,URL validation,and so on.

// If a browser doesn’t support a given type,it will be rendered as a text field. Modernizr

// cannot detect that date inputs create a datepicker,the color input create a colorpicker,// and so on—it will detect that the input values are sanitized based on the spec. In the

// case of WebKit,we have received confirmation that sanitization will not be added without

// the UI widgets being in place.

colorInput = $('')[0];

return colorInput.type === 'color' && colorInput.value !== '!';

};

$(function(){

if (test()) {

$('body').append('Your browser supports the color input

');

} else {

$('body').append('

Your browser Doesn\'t Support the color input

');

}

})