文档章节

占位符兼容

BeckXu
 BeckXu
发布于 2015/01/13 16:44
字数 120
阅读 8
收藏 0
<#--占位符兼容--> 
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();     
});




© 著作权归作者所有

上一篇: IE也能用textarea
下一篇: Oracle 取随机数
BeckXu
粉丝 10
博文 17
码字总数 2524
作品 0
合肥
程序员
私信 提问
基于 jQuery 的母版页驱动引擎--jQuery.masterPage.js

这是一个超轻量级的基于jQuery的母版页驱动引擎,代码文件仅1.01KB,样式文件38Bytes。虽然轻量级,但是功能并不含糊,提供了前端解析的母版页结构。 制作母版页时,只需要在需要标记为占位符...

Esmool
2016/04/27
609
1
SpringBoot环境属性占位符解析和类型转换

前提 前面写过一篇关于Environment属性加载的源码分析和扩展,里面提到属性的占位符解析和类型转换是相对复杂的,这篇文章就是要分析和解读这两个复杂的问题。关于这两个问题,选用一个比较复...

throwable
2018/08/04
0
0
jQuery占位符插件--placeMe.js

在 HTML 5 中,占位符 placeholder 属性是很有用的,它能够起到提示左右,指引用户。但一些古老的浏览器不支持该属性,尤其是 IE,而 placeMe.js 就是针对这些古老的浏览器“兼容” placehol...

dowebok
2013/03/28
994
0
zz304222428/DriverPosPrint

驱动打印小票--80热敏打印机 项目环境基于JFinal2.2 偷了个懒直接在JFinal demo上做的 在大神 SubLuLu/thermalprinter 开源的项目基础上写了这个demo,SubLuLu用的是指令打印,而且环境是基于...

zz304222428
2016/10/11
0
0
CSS填坑代码大全

文字溢出省略号显示 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 文字换行 /强制不换行/white-space:nowrap;/自动换行/word-wrap: break-word;word-break: normal;/强......

ITer在路上
2015/10/08
69
0

没有更多内容

加载失败,请刷新页面

加载更多

Jenkins系列_插件安装及报错处理

进入Jenkins之后我们可以进行插件的安装,插件管理位于以下模块: 发现上面报了一堆错误,是因为插件的依赖没有安装好,那么这一节,就先把这些错误解决掉吧。解决完成后,也就基本会使用插件...

shzwork
今天
2
0
mysql mysql的所有查询语句和聚合函数(整理一下,忘记了可以随时看看)

查询所有字段 select * from 表名; 查询自定字段 select 字段名 from 表名; 查询指定数据 select * from 表名 where 条件; 带关键字IN的查询 select * from 表名 where 条件 [not] in(元素...

edison_kwok
昨天
9
0
解决多线程并行加载缓存问题(利用guava实现)

依赖 com.google.guava:guava:20.0 import com.google.common.cache.Cache;import com.google.common.cache.CacheBuilder;import java.util.concurrent.ExecutionException;import j......

暗中观察
昨天
3
0
利用VisualVM 内存查看

准备工作,建几个测试类。等下就是要查看这几个类里面的属性 package visualvm;public class MultiObject { private String str; private int i; MultiObject(String str...

冷基
昨天
3
0
组装一台工作游戏两用机

一、配置清单如下: 分类 项目 价格(元) 主板 华硕(ASUS)TUF Z370-PLUS GAMING II 电竞特工 Z370二代 支持9代CPU 1049 CPU 英特尔(Intel) i7 8700K 酷睿六核 盒装CPU处理器 2640 风扇 九...

mbzhong
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部