JavaScript를 사용하여 텍스트 상자에서 텍스트 선택을 유지하고 얻는 방법은 무엇입니까?

JavaScript를 사용하여 텍스트 상자에서 선택한 텍스트 가져오기

선택 보존 메커니즘 구현

쿼리:

다른 컨트롤과 상호작용한 후에도 텍스트 상자 내에서 텍스트 선택을 유지하려면 어떻게 해야 합니까?

해결책:

다른 요소를 클릭해도 텍스트 상자 선택을 유지하려면 다음 접근 방식:

1. 문서의 onKeyDown 이벤트를 활용하여 키를 누를 때 선택한 텍스트를 읽는 함수를 호출합니다.
2. 선택 읽기 기능에서 포커스를 활용합니다. () 메서드를 사용하여 텍스트 영역에 포커스를 복원하고 선택 항목을 활성 상태로 유지합니다.

document.onkeydown = function (e) { ShowSelection(); }

텍스트 상자에서 선택한 텍스트 가져오기

쿼리:

텍스트 상자 내에서 선택된 텍스트를 프로그래밍 방식으로 얻으려면 어떻게 해야 합니까?

해결책:

텍스트 상자에서 선택한 텍스트를 검색하려면 다음을 따르십시오. 단계:

1. getElementById 함수를 사용하여 텍스트 상자 요소를 식별합니다.
2. selectionStart 및 SelectionEnd 속성을 활용하여 선택한 텍스트의 시작 및 끝 위치를 결정합니다.
3. 하위 문자열 방법을 사용하여 선택한 텍스트를 추출합니다.

function ShowSelection()
{
  var textComponent = document.getElementById('Editor');
  var selectedText;

  if (textComponent.selectionStart !== undefined)
  {
    var startPos = textComponent.selectionStart;
    var endPos = textComponent.selectionEnd;
    selectedText = textComponent.value.substring(startPos, endPos);
  }
  else if (document.selection !== undefined)
  {
    textComponent.focus();
    var sel = document.selection.createRange();
    selectedText = sel.text;
  }

  alert("You selected: " + selectedText);
}

위 내용은 JavaScript를 사용하여 텍스트 상자에서 텍스트 선택을 유지하고 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!