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

低版本浏览器支持placeholder属性

时间:2019-08-14 12:26:03      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:属性   版本   return   class   attr   document   nbsp   his   style   

if (!placeholderSupport()) { //判断浏览器是否支持 placeholder
    $(‘[placeholder]‘).focus(function() {
    var input = $(this);
    if (input.val() == input.attr(‘placeholder‘)) {
        input.val(‘‘);
        input.removeClass(‘placeholder‘);
    }
    if (input[type = ‘password‘].val() == input[type = ‘password‘].attr(‘placeholder‘)) {
        input[type = ‘password‘].val(‘‘);
        input[type = ‘password‘].removeClass(‘placeholder‘);
    }
    }).blur(function() {
        var input = $(this);
        if (input.val() == ‘‘ || input.val() == input.attr(‘placeholder‘)) {
        input.addClass(‘placeholder‘);
        input.val(input.attr(‘placeholder‘));
        }
    }).blur();
        }
                
    function placeholderSupport() {
        return ‘placeholder‘ in document.createElement(‘input‘);
    }

 

低版本浏览器支持placeholder属性

标签:属性   版本   return   class   attr   document   nbsp   his   style   

原文地址:https://www.cnblogs.com/newbo/p/11350880.html

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