博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
placeholder兼容方法(兼容IE8以上浏览器)
阅读量:5226 次
发布时间:2019-06-14

本文共 2338 字,大约阅读时间需要 7 分钟。

//placeholder兼容方法(兼容IE8以上浏览器)            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($('
').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'); //此处的css样式,根据情况修改 var holder = $('').text(txt).css({ position: 'absolute', left: pos.left, // top: pos.top, height: h + 'px', lineHeight: h + 'px', paddingLeft: paddingleft, color: '#aaa', paddingTop: '15px', textAlign: 'center', width: '347px' }).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(); }); }); } }; //执行placeholder兼容方法 jQuery(function () { JPlaceHolder.init(); });

 

转载于:https://www.cnblogs.com/cag2050/p/5680163.html

你可能感兴趣的文章
以太坊源码(03):POA委员会选举机制
查看>>
算法之动态规划初步(Java版)
查看>>
浅谈三层架构(2)
查看>>
UVA 753 A Plug for UNIX 电器插座(最大基数匹配,网络流)
查看>>
HYSBZ 1588 营业额统计 (Splay树)
查看>>
《视觉SLAM十四讲》学习日志(一)——预备知识
查看>>
python读取单个文件操作
查看>>
OO电梯调度
查看>>
本地(任意)时间戳转化(转换)标准时间格式 js(eg:2019-05-07 17:49:12)
查看>>
Java:泛型基础
查看>>
Android如何调用第三方SO库(转)
查看>>
Logstash过滤分析日志数据/kibanaGUI调试(四)
查看>>
06多态与继承—动手动脑
查看>>
RabbitMQ之路由
查看>>
将本地文件传输到GitHub
查看>>
在ASP.NET MVC4中使用Quartz.NET执行定时任务
查看>>
js数组操作
查看>>
字符串练习
查看>>
bcb6 中安装 delphi7 的控件包
查看>>
SharedPrefernces使用实例讲解
查看>>