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

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('');

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

Answer 1

您应该使用#符号来选择元素id，还应该添加属性名称，请注意，在您的示例中没有defaultValue属性，并且选择器不返回任何内容，我添加了一个blur在 textarea 失去焦点后触发的事件，并且如果 teaxarea 的值为空，则将placeholder属性值设置为其值：

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