- /*
- * html5 placeholder, fix for IE6,7,8,9
- * @修改者 zxs
- */
- var JPlaceHolder = {
- //检测浏览器是否支持 placeholder
- _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:'5px', 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();
- });
- //该片段来自于http://www.codesnippet.cn/detail/1102201511761.html
来源: http://www.codesnippet.cn/detail/1102201511761.html