IE10以下版本是否完全兼容placeholder功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计165个文字,预计阅读时间需要1分钟。
IE10以下版本完美支持placeholder特性。如果浏览器不支持placeholder,则会执行以下代码:
javascript$(function () { // 浏览器不支持placeholder时才执行 if (!(('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function () { var $tag=$(this); // 当前的input元素 }); });});
$(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显示 }); } });
本文共计165个文字,预计阅读时间需要1分钟。
IE10以下版本完美支持placeholder特性。如果浏览器不支持placeholder,则会执行以下代码:
javascript$(function () { // 浏览器不支持placeholder时才执行 if (!(('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function () { var $tag=$(this); // 当前的input元素 }); });});
$(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显示 }); } });

