IE10以下版本是否完全兼容placeholder功能?

更新于
2026-09-29 10:12:16
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

IE10以下版本是否完全兼容placeholder功能?

IE10以下版本完美支持placeholder特性。如果浏览器不支持placeholder,则会执行以下代码:

javascript$(function () { // 浏览器不支持placeholder时才执行 if (!(('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function () { var $tag=$(this); // 当前的input元素 }); });});

IE10以下版本是否完全兼容placeholder功能?

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显示 }); } });

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

IE10以下版本是否完全兼容placeholder功能?

IE10以下版本完美支持placeholder特性。如果浏览器不支持placeholder,则会执行以下代码:

javascript$(function () { // 浏览器不支持placeholder时才执行 if (!(('placeholder' in document.createElement('input'))) { $('[placeholder]').each(function () { var $tag=$(this); // 当前的input元素 }); });});

IE10以下版本是否完全兼容placeholder功能?

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显示 }); } });