您的位置:首页 > Web前端 > JavaScript

解决IE很多版本不支持placeholder的问题

2017-12-29 09:57 507 查看
今天被测试提了个BUG,  说在IE8上输入框默认提示语不显示;  然后我就写了个JS来解决这个问题

//IE不支持placeholder的问题 ————————start————Mr.Wang
var logintype = '请输入您的账号';
$(document).ready(function() {
if (isIE()) {
$("#loginname").css("color", "#e1e1e1");
$("#loginname").val(logintype);
textFill($('#loginname'));
}
});
function textFill(input) {
var replacevalue = input.val();
//获取焦点
input.focus(function() {
if ($.trim(input.val()) == replacevalue) {
$("#loginname").css("color", "#FFF");/如果用户想输入,赶紧把input的颜色改成白色,省的用户看出来我是作弊的......哈哈
input.val('');  //他一点input,如果输入框的值跟提示语是一样的,置空!
}
});
//失去焦点
input.blur(function() {
if ($.trim(input.val()) == '') {
$("#loginname").css("color", "#e1e1e1");//用户没有输入,就把输入框的字体颜色改成淡灰色,看起来就像是placeholder的效果了
input.val(replacevalue);  //没有输入,  再把提示语设置上去
}
});
}
//是否是IE浏览器
function isIE() {
if (!!window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}
//IE不支持placeholder的问题 ————————end
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息