首页 > 其他 > 详细

模拟ie9的placeholder

时间:2018-05-16 21:23:18      阅读:136      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!