码迷,mamicode.com
首页 > 其他好文 > 详细

模拟ie9的placeholder

时间:2018-05-16 22:40:41      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:cdc   封装   nbsp   app   code   函数   each   浏览器   color   

ie9 的input框没有placeholder属性 啧啧啧~~~

所以就用span标签来模拟一下

先判断浏览器类型

if(navigator.useAgent.indexOf("MSIE 9.0")>0){
   啦啦啦,现在用的是ie9浏览器     
我想我家东东了~~~ }

封装函数

function ifie9(){
    //判断是否是ie9
    if(navigator.userAgent.indexOf("MSIE 9.0")>0){
        //input元素
        $(".ipt").each(function(){
            var self = $(this);
            self.parent().append(‘<span class="placeholder" data-type = "placeholder">我爱东东</span>‘)
            if(self.val() != ‘‘){
                self.parent().find("span.placeholder").hide()
            }else{
                self.parent().find("span.placeholder").show()
            }
        }).on(‘foucs‘,function(){
            $(this).parent().find("span.placeholder").hide()
        }).on(‘blur‘,function(){
            var self = $(this);
            if(self.val != ‘‘){
                self.parent().find("span.placeholder").hide()
            }else{
                self.parent().find("span.placeholder").show()
            }
        });
        $("span.placeholder").on(‘clock‘,function(){
            $(this).hide()
        })
    }
}

 

function ifie9(){
    //判断是否是ie9
    if(navigator.userAgent.indexOf("MSIE 9.0")>0){
        //input元素
        $(".ipt").each(function(){
            var self = $(this);
            self.parent().append(‘<span class="placeholder" data-type = "placeholder"></span>‘)
            if(self.val() != ‘‘){
                self.parent().find("span.placeholder").hide()
            }else{
                self.parent().find("span.placeholder").show()
            }
        }).on(‘foucs‘,function(){
            $(this).parent().find("span.placeholder").hide()
        }).on(‘blur‘,function(){
            var self = $(this);
            if(self.val != ‘‘){
                self.parent().find("span.placeholder").hide()
            }else{
                self.parent().find("span.placeholder").show()
            }
        });
        $("span.placeholder").on(‘clock‘,function(){
            $(this).hide()
        })
    }
}

模拟ie9的placeholder

标签:cdc   封装   nbsp   app   code   函数   each   浏览器   color   

原文地址:https://www.cnblogs.com/wong-do/p/9047980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!