如何让IE10以下版本浏览器完美支持placeholder属性？

本文共计155个文字，预计阅读时间需要1分钟。

IE10以下版本完美支持placeholder特性。当浏览器不支持placeholder时，通过以下代码实现：

javascriptif (!(('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function() { var $tag=$(this); // 当前的input });}

IE10 以下版本完美支持placeholder特性

$(function () { //浏览器不支持 placeholder 时才执行 if (!('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function () { var $tag = $(this); //当前 input var $copy = $tag.clone(); //当前 input 的复制 if ($copy.val() == "") { $copy.css("color", "#999"); $copy.val($copy.attr('placeholder')); } $copy.focus(function () { if (this.value == $copy.attr('placeholder')) { this.value = ''; this.style.color = '#000'; } }); $copy.blur(function () { if (this.value=="") { this.value = $copy.attr('placeholder'); $tag.val(""); this.style.color = '#999'; } else { $tag.val(this.value); } }); $tag.hide().after($copy.show()); //当前 input 隐藏 ，具有 placeholder 功能js的input显示 }); } });