博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在IE8及以下的浏览器中,不支持placeholder属性的解决办法
阅读量:5366 次
发布时间:2019-06-15

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

以下代码解决了在IE8及以下浏览器中不支持placeholder属性。

原理:将placeholder的值作为内容写入控件,并添加控件事件来进行模拟。

;(function(){    if( !('placeholder' in document.createElement('input')) ){        // 匹配 除type=password以外所有input、textarea        $('input[placeholder][type!=password],textarea[placeholder]').each(function(){               var self = $(this),               text= self.attr('placeholder');            // 如果内容为空,则写入            if(self.val()===""){                 self.val(text).addClass('placeholder');            }            // 控件激活,清空placeholder            self.focus(function(){                if(self.val()===text){                    self.val("").removeClass('placeholder');                }            // 控件失去焦点,清空placeholder            }).blur(function(){                if(self.val()===""){                    self.val(text).addClass('placeholder');                }            });                    });       }})();

 

转载于:https://www.cnblogs.com/barrychen/p/6836418.html

你可能感兴趣的文章
ubuntu中文英文环境切换
查看>>
[sql]mysql启停脚本
查看>>
[elk]Mutate filter plugin增删改查字段
查看>>
Java内功心法,行为型设计模式
查看>>
向github项目push代码后,Jenkins实现其自动构建
查看>>
jquery中的ajax方法参数的用法和他的含义
查看>>
BZOJ 1226: [SDOI2009]学校食堂Dining
查看>>
数组去重的几种方法
查看>>
包装类的自动装箱与拆箱
查看>>
ShareSDk的使用
查看>>
android使用web加载网页的js问题
查看>>
libvirt log系统分析
查看>>
poj 1068 Parencodings
查看>>
docker 数据卷管理
查看>>
adb
查看>>
Apache Tomcat部署java web项目
查看>>
转泛型
查看>>
第二周 9.6-9.12
查看>>
347. Top K Frequent Elements
查看>>
angular4.0配置同时使用localhost和本机IP访问项目
查看>>