当有人使用 javascript 或 jquery 粘贴文本时，如何仅禁用/删除输入字段内文本开头的空格？

Question

我有一个输入字段，我使用以下代码来防止用户仅在文本开头添加空格。如果有人复制并粘贴输入中文本第一个位置有空格的文本以删除这些空格，我该如何做到这一点？

这是我的代码：

$('.locField').on('keydown', function(e) {
  if (e.which === 32 &&  e.target.selectionStart === 0) {
  return false;
  }  
});

.myform { 
background:#eee;
padding:15px;
width:100%;
}
.locField {
width:80%;
padding:12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="myform"><input placeholder="Try to add a space at the beggining..." type="text" class="locField"/> </div>

PS：为了让我的问题更清楚，请不要建议我使用“.trim”函数，因为我只想删除文本开头的空格。

Answer 1

好的，根据@IRR的建议，这是对我有用的代码：

 $('.locField').on('keydown', function(e) {
  if (e.which === 32 &&  e.target.selectionStart === 0) {
  return false;
  }  
});

$('.locField').on("input", function () {
  $(this).val($(this).val().replace(/^\s+/g, ''));
	});

.myform { 
background:#eee;
padding:15px;
width:100%;
}
.locField {
width:80%;
padding:12px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="myform"><input placeholder="Try to add a space at the beggining..." type="text" class="locField"/> </div>