jquery解决ie9不兼容input的placeholder属性

最新推荐文章于 2021-08-05 22:58:16 发布

只属于编码TY

最新推荐文章于 2021-08-05 22:58:16 发布

阅读量305

点赞数

分类专栏：兼容处理

兼容处理专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的兼容Internet Explorer浏览器的placeholder插件。该插件为不支持placeholder属性的IE版本提供了一个解决方案，确保了输入框提示文本在聚焦和失焦时的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

;(function($) {
$.fn.placeholder = function(options) {
var opts = $.extend({}, $.fn.placeholder.defaults, options);
var isIE = document.all ? true : false;
return this.each(function() {
var _this = this,
placeholderValue = _this.getAttribute("placeholder"); //缓存默认的placeholder值
if (isIE) {
_this.setAttribute("value", placeholderValue);
_this.onfocus = function() {
$.trim(_this.value) == placeholderValue ? _this.value = "" : '';
};
_this.onblur = function() {
$.trim(_this.value) == "" ? _this.value = placeholderValue : '';
};
}
});
};
})(jQuery);
$("input").placeholder();