将占位符恢复为原始值

Question

我有一个注释框，在用户键入并按enter键后，无法恢复占位符。

这是我的文本区域：

<textarea title="Write a comment..." itemID="@item.ID" class="comment" placeholder="Write a comment..." autocomplete="off" role="textbox" id="comment" style="margin-top:8px"></textarea>   

这是我尝试过的，但不起作用：

    $(msgBox).val($(msgBox).attr('defaultValue'));

和

    $(msgBox).val('');

占位符不仅没有被重置，而且回车符仍然在这里。光标位于第二行时，文本区域变为空白。

Answer 1

您应该使用#符号来通过id选择元素，还应该添加一个属性名称，注意在您的示例中没有defaultValue属性，选择器什么都不返回，我添加了一个blur事件，它在文本区域失去焦点后激发，如果teaxarea的值为空，它会将placeholder属性值设置为其值：

$('#comment').blur(function(){
   if ($.trim(this.value) == "") {
      $(this).val($(this).attr('placeholder'));
   }
})