jquery – 如何清除焦点上的输入的默认值

前端之家收集整理的这篇文章主要介绍了jquery – 如何清除焦点上的输入的默认值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入框,其中分配了默认值文本.当用户关注字段时,如何删除此文本::

<input type="text" name="kp1_description" value="Enter Keypress Description">

解决方法

$(document).ready(function(){
    var Input = $('input[name=kp1_description]');
    var default_value = Input.val();

    Input.focus(function() {
        if(Input.val() == default_value) Input.val("");
    }).blur(function(){
        if(Input.val().length == 0) Input.val(default_value);
    });
})​

应该这样做

更新,忘记焦点没有第二个参数的焦点事件,因为没有,它必须链接模糊:

http://jsfiddle.net/hDCsZ/

您还应该考虑为此创建自己的功能,例如:

$.fn.ToggleInputValue = function(){
    return $(this).each(function(){
        var Input = $(this);
        var default_value = Input.val();

        Input.focus(function() {
           if(Input.val() == default_value) Input.val("");
        }).blur(function(){
            if(Input.val().length == 0) Input.val(default_value);
        });
    });
}

然后这样使用

$(document).ready(function(){
    $('input').ToggleInputValue();
})​

猜你在找的jQuery相关文章