// 解决IE浏览器输入框placeholder不支持问题
$(function() {
// 如果不支持placeholder,用jQuery来完成
if(!isSupportPlaceholder()) {
// 遍历所有input对象, 除了密码框
$("input[type='text']").each(
function() {
var self = $(this);
var val = self.attr("placeholder");
$(this).css({color:"#888"})
input(self, val);
}
);
}
});
// 判断浏览器是否支持placeholder属性
function isSupportPlaceholder() {
var input = document.createElement('input');
return 'placeholder' in input;
}
// jQuery替换placeholder的处理
function input(obj, val) {
var $input = obj;
var val = val;
$input.attr({value:val});
$input.focus(function() {
if ($input.val() == val) {
$(this).attr({value:""});
}
}).blur(function() {
if ($input.val() == "") {
$(this).attr({value:val});
}
});
}
解决IE浏览器输入框placeholder不支持问题
最新推荐文章于 2023-09-21 11:00:18 发布