关于IE浏览器不兼容placeholder的解决办法(来源于网络_直接复制即用)
2014-09-03 10:38
375 查看
$(function(){
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.css("color","#000000");
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.css("color","#bbbbbb");
input.val(input.attr('placeholder'));
}
}).blur();
};
});
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
// 不好的一点 :向后台传参数的时候,会把 placeholder 的值传递过去。
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.css("color","#000000");
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.css("color","#bbbbbb");
input.val(input.attr('placeholder'));
}
}).blur();
};
});
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
// 不好的一点 :向后台传参数的时候,会把 placeholder 的值传递过去。
相关文章推荐
- 关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
- 关于复制文件出现“Thumbs:访问被拒绝......”的解决办法和相关知识
- 关于U盘“无法复制…磁盘被写保护…”的解决办法
- 关于IPad,Iphone“无法加入网络”的可能出现的问题解决办法
- 关于字符串和byte数组在java和ios之间兼容的解决办法
- iE浏览器和firefox浏览器中CSS兼容问题解决办法
- 关于U盘”无法复制:磁盘被写保护…”的解决办法
- 关于UBUNTU网络若干问题的解决办法
- 关于拨号正常,网络连接正常,但网页无法打开的解决办法
- 关于ubuntu“下载软件仓库信息失败 检查您的网络连接“问题的解决办法
- IE浏览器各版本兼容解决办法
- 关于IE浏览器装flash控件就假死的解决办法
- 关于开机直接进入命令行解决办法
- 关于samba无法访问,你可能没有权限使用网络的解决办法
- 最近网站改版关于IE8兼容的一些问题以及解决办法
- 关于window7 AERO 声音 IIS 无线网络失效的解决办法
- 关于网络上下载开源程序的无法编译执行的解决办法
- 关于邮件中链接无法打开或直接定向主页的解决办法
- [jQuery] 关于jQuery的AJAX不兼容IE的解决办法
- 关于Linux下大量复制或移动文件时“参数列表过长”的解决办法