jquery - 根据焦点自动在文本字段上显示隐藏值

Question

我的文本框如下所示:

<%= Html.TextBox("idbox", "Enter Text here", (string)ViewBag.idbox)%>       

 $(document).ready(function () {
        $('input#idbox').focus(function () {
            var txtval = $('input#idbox').val();
            if (txtval == 'Enter Text here') { $(this).val(''); }

        });
        $('input#idbox').focusout(function () {
            var txtval = $('input#idbox').val();
            if (txtval == "") { $('input#idbox').val('Enter Text here'); }
        });
    });

我想制作类似于 facebook 上的消息文本区域的文本框。因此，如果我单击文本框末尾输入一些字母，则值“在此处输入文本”将隐藏，但如果我再次单击此框，新值不会隐藏。这是因为 if 语句总是将值与“在此处输入文本”进行比较。如何更改此代码以使我能够根据焦点自动显示隐藏文本值？

Answer 1

改用新的占位符功能:

<input type="text" name="test" value="" placeholder="Enter Text here">