html5 placeholder ie版本兼容
2015-11-05 16:00
691 查看
$(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');
}
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');
}
相关文章推荐
- html5手机页面 点击事件
- H5canvas赛车游戏-基于lufylegend引擎
- 移动前端头部标签(HTML5 head meta)
- HTML5里的placeholder属性
- 功能测试--H5页面发红包的隐藏问题(缓存、缓存失效以及失效的后续处理)
- H5+百度地图自定义定位控件、调用H5+定位接口
- html5标签学习
- HTML5学习
- Html5精美时钟(Canvas实现)
- HTML5商城开发二 通过位移实现拖动效果
- <HTML5秘籍>——第6章(美妙的CSS3字体和特效)
- <HTML5秘籍>——第五章(音频与视频)
- HTML5: Screen Orientation API
- 安装Windows下 CDH5开发环境
- HTML、HTML5、XHTML、XML、XSL、DTD、XML Schema 简单介绍
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
- 【笔记】web响应式设计:HTML5和CSS3实战 第一章~第三章
- 【解决】CDH5运行MapReduce的乱码
- HTML5中的sessionStorage使用示例
- HTML5中改良的input元素的种类