jquery input placeholder支持兼容ie7,ie8
来源:互联网 发布:如何选购冰箱 知乎 编辑:程序博客网 时间:2024/05/22 22:37
<input type="text" placeholder="搜索产品名称"/><input type="password" placeholder="密码"/>
/* * jQuery placeholder, fix for IE6,7,8,9 * @author byh */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(); });
0 0
- jquery input placeholder支持兼容ie7,ie8
- css3新属性placeholder兼容ie7/ie8
- input、textarea标签placeholder兼容IE8浏览器js插件代码
- 兼容IE7、IE8、IE9的input type="number"插件
- IE8兼容placeholder
- placeholder兼容IE8解决方案
- placeholder兼容到ie8
- placeholder兼容IE8代码
- ie8兼容IE7问题
- Ie8兼容ie7
- 兼容IE6 IE7 IE8
- IE8兼容IE7
- 让IE8兼容IE7
- IE8兼容IE7
- bootstrap兼容IE8,IE7
- input兼容placeholder
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- IE8兼容IE7的方法
- 树莓派无线上网配置记录
- Android个人中心的头像上传,图片编码及截取
- 第一次创建本地git仓库以后push到远程库报错
- 字符串处理 - ANSI - Unicode - UTF8 转换
- PC-1500与PC通讯
- jquery input placeholder支持兼容ie7,ie8
- java中关于集合的总结
- 安卓权限:用户的注意力、理解和行为
- 转:python的setup文件说明
- 基本类型和String的区别
- android夯实总结(设计、细节及思想)
- 得到今天日期并得到前后几天的日期,或者输入指定格式任意日期得到前后几天的日期
- LLVM(Clang)的编译过程
- 大数据处理引擎Spark与Flink对比分析!