解决placeholder不兼容问题
2016-05-20 11:43
183 查看
<script>
$(function(){
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
};
})
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
</script>
$(function(){
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
};
})
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
</script>
相关文章推荐
- 指令选择器调查(4)
- iOS多点连接的使用、协议逆向、安全性
- 技术服务迭代发展,码盟开创新模式
- Android数据存储之Sqlite采用SQLCipher数据库加密实战
- 参数集合拼接公共方法
- 贪婪深度神经网络概述
- Leetcode #14 in cpp
- CoordinatorLayout、AppBarLayout、TableLayout、CollapsingToolbarLayout、NestedScrollView的使用
- GDAL写矢量图
- 不管你以后写不写JS,都应该学会这种思考方式
- 数据库索引
- 微信打印实现过程和免费下载
- excel自定义函数添加和使用方法
- 文件上传之multer
- WCF上传、下载、删除文件
- 【趣文】我是一个Java class
- 位运算------二进制中1的个数
- Hibernate初探【2】
- 切换Win7的锁屏背景图片
- 数据库设计的特点及方法