自定义函数上文本区域的 jQuery 加载事件

Question

尝试创建一个自定义函数，其中文本位于页面加载的输入中，以便将其与函数的其余部分分组，其中文本创建“信息”，如输入中的文本。我已经尝试过，.load()，.bind('load')，.ready()，但我什么也没得到。只是看看是否有办法解决这个障碍。

//removed some of the validation code for simplicity. 

/*
to set a grey text infomation into a input field
*/
$.fn.greyInfo = function (text)
{

    //troubled code - start
    $(this).load(function()
    {
        $(this).val(text);
        $(this).css('color', 'grey');
    });
    //troubled code - end

    $(this).blur(function()
    {
        if($(this).val() == "")
        {
            $(this).val(text);
            $(this).css('color', 'grey');
        }
    });

    $(this).focus(function()
    {
        if($(this).val() == text)
        {
            $(this).val("");
            $(this).css('color', 'black');
        } 
    });

}

Answer 1

答案很简单，您不需要调用函数 load，因为它已经存在。

$.fn.greyInfo = function(text)
{

// you also don't need to reference $(this) as the jquery object is implied
        this.val(text);
        this.css('color', 'grey');


    $(this).blur(function()
    {
        if($(this).val() == "")
        {
            $(this).val(text);
            $(this).css('color', 'grey');
        }
    });

    $(this).focus(function()
    {
        if($(this).val() == text)
        {
            $(this).val("");
            $(this).css('color', 'black');
        } 
    });

};