如何在按下回车键后清空input输入框？jQuery场景下功能实现求助

解决方案 #

你当前的代码缺少输入框清空的逻辑，在完成列表项插入操作后，将input的值设为空字符串即可实现需求。$(this)在当前回调中指向触发按键事件的input元素，直接调用val('')方法即可赋值为空。

完整修正代码：

$('input').keypress(function(event){
  if(event.which === 13){
    // 阻止表单默认提交行为，避免回车触发页面刷新
    event.preventDefault();
    var todoItem = $(this).val().trim();
    // 过滤空输入，避免插入无内容的列表项
    if(todoItem) {
      $('ul').append(`<li>
        ${todoItem}
        <span>
          <i class="far fa-trash-alt"></i>
        </span>
      </li>`);
      // 清空输入框
      $(this).val('');
    }
  }
});

内容的提问来源于stack exchange，提问作者user16700763