解决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
相关文章推荐
- 解决ie不支持HTML5 placeholder的问题
- 解决IE低版本不支持call和apply问题
- 完美解决IE低版本不支持call与apply的问题
- 完美解决IE不支持placeholder的问题
- 使用jquery解决ie6、7、8、9版本不支持placeholder的问题。
- 解决低版本ie下li:hover不支持的问题
- 完美解决IE低版本不支持call与apply的问题
- IE不支持PlaceHolder问题解决
- ie高版本浏览器不支持velocity的问题解决
- 解决IE不支持placeholder的问题
- bootstrap解决IE低版本不支持HTML5问题
- 解决ie不支持placeholder的问题
- 完美解决IE低版本不支持call与apply的问题
- 解决IE不支持HTML5表单属性placeholder的问题
- [Android Tool]更新SDK后ADT版本低不支持问题的解决
- 解决ie 低版本的 background-size 兼容问题
- 解决IE下不支持placeholder属性可以根据自己的需要去扩展.
- 快速解决低版本Xcode不支持高版本iOS真机调试的问题方法
- 解决IE不支持Data.parse()的问题
- 解决html5新标签【placeholder】低版本浏览器下不兼容问题