Question

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

这是我的textarea：

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

将占位符恢复为原始值

1 个答案: