首页 > 其他 > 详细

在IE8及以下的浏览器中,不支持placeholder属性的解决办法

时间:2017-05-10 16:15:36      阅读:369      评论:0      收藏:0      [点我收藏+]

以下代码解决了在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‘);
                }
            });            
        });   
    }
})();

 

在IE8及以下的浏览器中,不支持placeholder属性的解决办法

原文:http://www.cnblogs.com/barrychen/p/6836418.html

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