placeholder 不支持IE修复
2016-05-09 17:19
295 查看
<script type="text/javascript">
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:20, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent());
self.focusin(function(e) {
holder.hide();
}).focusout(function(e) {
if(!self.val()){
holder.show();
}
});
holder.click(function(e) {
holder.hide();
self.focus();
});
});
}
};
$(function(){
JPlaceHolder.init();
})
</script>
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:20, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent());
self.focusin(function(e) {
holder.hide();
}).focusout(function(e) {
if(!self.val()){
holder.show();
}
});
holder.click(function(e) {
holder.hide();
self.focus();
});
});
}
};
$(function(){
JPlaceHolder.init();
})
</script>
相关文章推荐
- 位运算符
- 10大白帽黑客专用的 Linux 操作系统
- 猴子都能看懂的Android Menu总结
- json传递
- gml格式数据转换
- python: 生成guid
- 裂变位法加密 best coder
- WIN32 汇编 工具栏的使用
- Java并发(三) ThreadLocal关键字
- Android开发自定义控件实现一个饼状图
- (礼拜一log)后台&前端联调:.tld应用
- ScriptBasedMapping,CachedDNSToSwitchMapping,AbstractDNSToSwitchMapping,DNSToSwitchMapping类层次分析
- split 分割 字符串(分隔符如:* ^ : | , .) 及注意点
- error: lvalue required as unary ‘&’ operand
- Caffe学习3-使用预训练模型finetuning
- 第10天
- 第九天
- web.xml配置详解 (及<context-param>配置作用 )
- 点击按钮文字变成input框,点击保存变成文字的实现代码
- 安卓加载视频缩略图,展示于ListView中,完美实现