jquery - 将占位符恢复为原始值

Question

我有一个评论框，在用户输入内容并按回车键后无法恢复占位符。

这是我的文本区域:

<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 事件，该事件在 textarea 失去焦点后触发，如果 teaxarea 的值为空，它会设置 placeholder 属性值，因为它的值:

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