Jquery：我如何将空文本应用于所有文本框，而不仅仅是 1

Posted 2023-03-05

【中文标题】Jquery：我如何将空文本应用于所有文本框，而不仅仅是 1

【英文标题】：Jquery: how do i apply Empty Text to all textboxes, not just 1

【发布时间】：2015-05-13 13:37:36

【问题描述】：

我有这个脚本，它会将工具提示文本从文本框中放置为“空文本”。然后，当您单击它时，如果您进行模糊处理并且文本框仍然为空，则空文本会消失并重新出现。

var $textbox = $("#MainContent_tbCity"); // select single box (how get all?)
        $textbox.focus(function () 
            if ($textbox.val() == this.title) 
                $textbox.val("");
                $textbox.removeClass("LightText");
                                
        );
        $textbox.blur(function () 
            if ($textbox.val() == "") 
                $textbox.val(this.title);
                $textbox.addClass("LightText");
                            
        );
        $textbox.blur();

【问题讨论】：

有什么问题？？，提供简短且有效的示例

为什么不使用placeholder 属性？

获取匹配所有文本框的选择器..

【参考方案1】：

最好的办法是使用placeholder 属性。它是为此目的而创建的。但是，如果您想手动管理占位符文本，方法如下：

$(function() 
        $(':text').on('focus', function () 
            if (this.value == this.title) 
                $(this).val('').removeClass("LightText");
                                
        )
        .on('blur', function () 
            if ( this.value.trim() == "" ) 
                $(this).val(this.title).addClass("LightText");
                            
        )
        .blur();
);

【讨论】：

作为后续问题，为什么这在第一个页面加载时不起作用，只有在刷新之后？有问题的文本框位于更新面板中，但在第一页加载时，该功能似乎没有运行

请在此处或在 jsfiddle 上提供演示。