Разрешить изменять текст только в текстовой области

Question

У меня есть Text1 и Text2 в текстовой области,

<textarea id="response" name="response" class="form-control" maxlength="160">Text1. Text2</textarea>

Я должен редактировать Text2, я не могу редактировать Text1

Answer 1

Вы можете создать виртуальную текстовую область. но вы можете также указать максимальную минимальную длину в методе связывания. с родной текстовой области вы не можете сделать это.

$('#result').html($('.textarea').html());
$('.textarea').bind('input propertychange', function() {
    $('#result').html($('.textarea').html());
});
$(function(){   
  $(document).keydown(function(objEvent) {        
    if (objEvent.ctrlKey) {          
        if (objEvent.keyCode == 65) {                         

            return false;
        }            
    }        
  });
});   

.textarea{
  width:200px;
  height:50px;
  border:1px solid gray;
  background:ghostwhite;
}
.editable{float:left}.not{min-width:10px;min-height:10px;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="textarea" contenteditable="true">
  <div class="editable not">Text1 </div><div  contenteditable="false" class="editable ok">Text2 </div>
</div>
<span id="result"></span>