文档章节

修复IE9.0下PlaceHolder 属性问题js脚本

码头地盘
 码头地盘
发布于 2017/08/29 09:57
字数 148
阅读 4
收藏 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'), 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();
});

  

本文转载自:http://www.cnblogs.com/yjung/p/4810582.html

共有 人打赏支持
码头地盘
粉丝 0
博文 16
码字总数 0
作品 0
深圳
项目经理
Yii2页面PHP控件中输出JS代码

Yii 2中的很多页面控件,是直接封装了现有的JS控件的,这些JS控件的基础数据类型的属性配置还比较简单,基本上在PHP中转换一下就可以直接设置了,但是对于属性值为函数的,就不能简单的传递一...

tywali
2017/11/01
0
0
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在 chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样...

JackFace
2015/11/13
0
0
JSPatch – 动态更新iOS APP

使用JSPatch可以解决这样的问题,只需在项目中引入JSPatch,就可以在发现bug时下发JS脚本补丁,替换原生方法,无需更新APP即时修复bug。 @implementation JPTableViewController...- (void)...

背锅侠
2015/08/04
0
0
前端性能优化:细说JavaScript的加载与执行

本文主要是从性能优化的角度来探讨JavaScript在加载与执行过程中的优化思路与实践方法,既是细说,文中在涉及原理性的地方,不免会多说几句,还望各位读者保持耐心,仔细理解,请相信,您的耐...

小白师兄
06/19
0
0
高性能Javascript--脚本的无阻塞加载策略

Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。 在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 。原因是,事实上,大多数浏览器使用单进程处理UI和更...

Junn
2014/10/10
0
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
43分钟前
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
54分钟前
0
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
0
0
LNMP架构(Nginx负载均衡、ssl原理、生成ssl密钥对、Nginx配置ssl)

Nginx负载均衡 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,比如分离出数据库服务器、分离出图片作为单独服务,这些是简单的数据的负载均衡,将压力分散到不同的机器上。有时...

蛋黄_Yolks
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部