/*
* jQuery placeholder, fix for IE6,7,8,9
* @author JENA
*
@since 20131115.1504
* @website ishere.cn
*/
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());
self.focusin(function(e) {
holder.hide();
}).focusout(function(e) {
if(!self.val()){
holder.show();
}
});
holder.click(function(e) {
holder.hide();
self.focus();
});
});
}
};
//执行
jQuery(function(){
JPlaceHolder.init();
});
相关文章
- 09-26echarts在IE8下遮挡其他组件的问题
- 09-26html+vue.js 实现分页可兼容IE
- 09-26跟着团子学CO:熟练使用结果分析码实现各个场景下收入成本的匹配(一) KKA2/CJ88
- 09-26LNMP下,nfs分离实现!!!
- 09-26面试官:请你实现一下map / filter / reduce | 数据基础方法的模块化实现
- 09-26不支持placeholder浏览器下对placeholder进行处理
- 09-26在SQlServer下实现某类表批量删除
- 09-26非IE浏览器下ActiveX技术的替代方案
- 09-26用一张图片实现按钮按下和普通效果的样式
- 09-26IE浏览器下异步请求的缓存问题