Question

我想检查浏览器是否正在运行我的页面能够处理'html 5占位符'

我知道我可以添加以下javascript检查：

!Modernizr.input.placeholder

但是为一次检查导入库是否值得？

现代化者如何为我做这件事（我的意思是如何在封面下实施）？

Answer 1

如果您想检查placeholder支持，那么您需要做的就是;

var placeholderSupport = "placeholder" in document.createElement("input");

回答你的另一个问题; 没有，绝对没有任何意义，包括整个Modernizr库的1行JS（Modernizr是1000多行....去图：））*

^{^{*是的，没有缩小，但概念仍然存在}}

Answer 2

例如，只需选择“输入属性”并生成构建

，您就可以从modernizr获得所需内容

http://www.modernizr.com/download/

Answer 3

It's open-source. Go read it.

Modernizr['input'] = (function( props ) {
  for ( var i = 0, len = props.length; i < len; i++ ) {
    attrs[ props[i] ] = !!(props[i] in inputElem);
  }
  return attrs;
})(('autocomplete autofocus list placeholder max min ' +
    'multiple pattern required step').split(' '));

Answer 4

找到了这个：http://davidwalsh.name/html5-placeholder

代码：

function hasPlaceholderSupport() {
  var input = document.createElement('input');
  return ('placeholder' in input);
}

还有一个后备解决方案，点击链接

Modernizr只是一个快速检查？

4 个答案: