让IE支持placeholder属性,兼容IE6,7,8,9
2015-08-19 09:42
519 查看
1.[JavaScript]代码
原地址 http://www.oschina.net/code/snippet_206691_26471
var JPlaceHolder = {
//检测
_check : function(){
return 'placeholder' in document.createElement('input');
},
//初始化
init : function(){
if(!this._check()){
this.fix();
}
},
//修复
fix : function(){
jQuery('input[placeholder]').each(function(index, element) {
var self = $(this), txt = self.attr('placeholder');
self.wrap($('<div></div>').css({position:'relative', zoom:'1', border:'none', background:'none', padding:'none', margin:'none'}));
var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left');
var holder = $('<span></span>').text(txt).css({position:'absolute', left:pos.left, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent());
if(self.val() != ''){
holder.hide();
}
self.keyup(function(e){
if(self.val() == ''){
holder.show();
}else{
holder.hide();
}
});
holder.click(function(e) {
holder.hide();
self.focus();
});
});
}
};
//执行
jQuery(function(){
JPlaceHolder.init();
});
原地址 http://www.oschina.net/code/snippet_206691_26471
相关文章推荐
- jQuery--品牌展示
- ubuntu安装shiny-server记录
- 日经春秋 20150819
- noip2002—选数
- MFC用CreateDirectory创建文件目录
- hdu5396 2015多校第九场 区间dp
- 1262 - Password (暴力枚举)
- 浅析Mysql Join语法以及性能优化
- JQuery easyui (4)Tooltip (提示组件) 组件
- Notepad++中如何设置自动换行以及行宽
- easyui Droppable组件实现放置特效
- 遍历Map的四种方法
- 传递多个参数的方法(Multiple parameters)
- sparksql链接mysql
- nodejs npm常用命令
- 如何在pdf上修改
- 这是我的第一篇博客
- iOS项目开发实战——视图动画效果
- Prim算法 之 Java详解
- 【树链剖分】 POJ 2763 Housewife Wind 边权