jQuery插件占位符,不使用占位符属性

时间:2011-04-13 13:24:26

标签: jquery-plugins placeholder

我正在寻找一个不使用占位符属性的jQuery插件占位符。

1 个答案:

答案 0 :(得分:2)

自己构建应该相当简单 - 这是一个简单的例子:

$.fn.placeholder = function(){
    return $(this).each(function(){
        $(this)
            .data('original-value', $(this).val())
            .focus(function(){
                var $input = $(this);
                if ($input.val() == $input.data('original-value'))
                    $input.val("");
            })
            .blur(function(){
                var $input = $(this);
                if ($.trim($input.val()) == "")
                    $input.val($input.data('original-value'));
            });
    });
};

$('input').placeholder(); 

http://jsfiddle.net/BrHjH/1