修复IE9.0下PlaceHolder 属性问题js脚本
2015-09-15 16:10
711 查看
在开发前端系统时候碰到这种兼容问题,以下是个人解决方案,希望能给其他人带来帮助:
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'), atrValue = self.attr('type'); //密码文本框 if (atrValue == "password") { self.attr("type", "text"); self.attr("pwd", "true"); } else { self.attr("pwd", "false"); } self.focusin(function (e) { var atrpwd = self.attr('pwd'); if (atrpwd == "true") { self.attr("type", "password"); } else { self.attr("type", "text"); } self.val(""); }).focusout(function (e) { if (!self.val()) { self.attr("type", "text"); self.val(txt); } }); if (self.val().length > 0) { self.val(""); } else { self.val(txt); } }); } }; //执行 jQuery(function () { JPlaceHolder.init(); });
相关文章推荐
- 贝塞尔曲线的计算方式与js计算
- JSP 中九大内置对象和四大作用域
- video js安装
- easyloader.js源代码分析
- js获取url参数值的两种方式
- JS常用的腳本庫--包括在線編輯器
- JSON对象与JSON字符串相互转换
- 随机切换网页背景图片的JS代码
- JavaScript 开发的45个经典技巧
- Js完美验证15/18身份证,Js验证身份证,支持15/18位
- JStorm-介绍
- 《学习日记》---javascript的原型链理解
- JavaScript中this详解
- 使用百度地图API生成麻点图
- JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
- 浅谈JavaScript中的string拥有方法的原因
- js打印对象 很有用的一个函数
- javascript自执行函数为什么要把windows作为参数传进去
- 利用百度API(JavaScript 版)实现在地图上绘制任一多边形,并判断给定经纬度是否在多边形范围内。以及两点间的测距功能
- JS节点元素