javascript - 在 jquery 中禁用删除文本框的首字母？

Question

文本框的第一个字母会自动填充，用户可以在文本框中输入剩余的字母。但是用户不应该能够删除页面加载时填充的第一个字母。用户可以使用退格键删除他写的字母，删除或选择除填充的第一个字母以外的所有字母。

<input type="text" id="nameId" value="Given Name"/>

$("#nameId").on("keydown", function(e) {
    if (($(this).get(0).selectionStart == 0 && (e.keyCode < 35 || e.keyCode > 40))
        || ($(this).get(0).selectionStart == 1 && e.keyCode == 8)) {
        return false;
    }
});

$("#nameId").bind("contextmenu", function(e) {
    e.preventDefault();
});

fiddle, 除了选定的删除外没问题。

Answer 1

$('#text').on('select keydown contextmenu mousedown drop', function(e) {
   if(e.type == 'keydown' && this.selectionStart == 0 && this.selectionEnd == 0) {
      this.setSelectionRange(1, 1);
   }
   if((e.keyCode == 37 && (this.selectionStart == 1 || e.ctrlKey)) || (e.keyCode == 36) ||
      (e.keyCode == 8 && this.value.length == 1)|| (e.keyCode == 46 && this.selectionStart == 0) || e.type == 'drop') {
      e.preventDefault();
   }
   if(this.selectionStart == 0 &&
      this.selectionStart != this.selectionEnd) {
      this.setSelectionRange(1, this.selectionEnd);
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" id="text" value="N" />