HTML 텍스트 영역에서 일부 텍스트가 삭제되지 않습니다.

Question

HTML/JavaScript로 터미널 창을 만들고 입력 용 텍스트 영역을 사용하고 있습니다. 텍스트 영역의 텍스트 섹션이 삭제되지 않도록하고 싶습니다. 예를 들어, "C : \> Random Code"텍스트 영역에 텍스트가있는 경우 사용자가 "C : \>"텍스트를 삭제하지 못하도록하고 싶습니다. 자바 스크립트를 사용하여 가능합니까?

Answer 1

텍스트 영역의 섹션을 편집 할 수 없게 만들 수 없습니다 (전체 컨트롤 만). 당신은 다양한 자바 스크립트 속임수를 사용할 수 있습니다

(키 누르기 이벤트를 듣고 사용자가 허용 할 않는 무언가를하고자하는 경우에서는 event.preventDefault를 사용하여 이벤트를 취소)

또 다른 해결책은 대신있는의에있다 사용자 입력에 미리 정의 된 문자열을 자동으로 추가 (또는 앞에 붙이기)하고 (어떤 방식 으로든 사용자를 위해 자주 표시)

업데이트 :

그래서, 내 솔루션은 다음과 같을 것이다 :

에는 텍스트 범위를 선택하지 않은 경우 GetSelectionStart 선택한 텍스트 (또는 캐럿 위치의 시작을 알려주는 기능이다

var requiredText = 'C:>'; 
$('textarea').on('keyup',function(event) { 
    if (GetSelectionStart(this) < requiredText.length){ 
event.preventDefault(); 
event.stopPropagation(); 
} 

} 

). 가능한 구현에 대해서는 e. 지. Caret position in textarea, in characters from the start

이 함수는 requiredText가 항상 문자열의 시작 부분에 있다고 가정합니다. 물론 더 복잡한 시나리오에도 적용 할 수 있습니다. 거기에 바로 다시 자신을 추가합니다 : (사용자가 삭제하려고 즉) : jQuery를 가정

Answer 2

,이 스크립트는 키 입력을 수신하며, 필요한 텍스트 중 하나를 찾을 수없는 경우

var requiredText = 'C:>'; 
$('textarea').on('input',function() { 
    if (String($(this).val()).indexOf(requiredText) == -1) { 
     $(this).val(requiredText); 
    } 
}