커서란 무엇입니까? 입력 또는 텍스트 영역의 커서 이동 소개

이 글의 내용은 커서란 무엇일까요? 입력이나 텍스트 영역의 커서 이동에 대한 소개에는 특정 참고 값이 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

커서란 무엇입니까

페이지의 입력 상자에서 깜박이는 커서는 실제로 선택 항목, 즉 선택 항목의 왼쪽 및 오른쪽 테두리에 의해 직접 형성된 선택 항목입니다.

IE가 아닌 브라우저의 경우

입력 상자 노드 input=document.getElementById('#input')에는 선택 항목의 시작 위치와 끝 위치를 각각 나타내는 SelectionStart 및 SelectionEnd라는 두 가지 속성이 있습니다.

이 두 값을 수정하여 선택을 구성할 수 있습니다. 너비가 0이면 커서 위치 제어 및 획득이 가능합니다.

IE 브라우저

IE 브라우저는
createTextRange(), document.selection.createRange(), moveStart(), moveEnd(), move(),collapse(), text, select() 등 더욱 풍부한 API를 제공합니다.

1단계:

var range = input.createTextRange();        //创建一个文本选区对象。

2단계: 일부 작업

range.collapse(boolean);

은 부울 값을 매개변수로 전달할 수 있습니다. 매개변수의 기본값은 true로, 왼쪽 또는 오른쪽으로 압축할지 여부를 나타냅니다.

range.moveStart(param1,param2);

첫 번째 매개변수 선택 값 문자, 단어, 문장, 텍스트편집이 있습니다. 예를 들어 문자는 문자를 기준으로 한 오프셋을 의미합니다. 두 번째 매개변수는 오프셋을 나타내며, 양수와 음수는 방향을 나타냅니다.

range.moveEnd(param1,param2);

위와 동일한 메소드 매개변수, 차이점은 끝 경계를 이동하는 데 사용된다는 점입니다.

3단계:

range.select();  //将range包含的区域选中。

range.select() 메소드를 호출하기 전에 선택 항목의 내용이 object does not 선택 효과가 추가됩니다

보충:

var range = document.selection.createRange();

이 메서드는 현재 페이지에서 선택한 텍스트 영역을 기반으로 선택 개체를 만듭니다. 이 선택 개체와 createTextRange 메서드의 선택 개체의 차이점은 다음과 같습니다. 선택 범위는 페이지에서 선택한 텍스트입니다. 즉, 해당 영역의 왼쪽 및 오른쪽 경계는 더 이상 기본 왼쪽 최소값 및 오른쪽 최대값이 아닙니다.

range.move(param1,param2);

는 커서를 이동하는 데 더 친숙한 moveStart 매개변수와 동일합니다.

관련 권장 사항:

JS TextArea 커서 위치에 텍스트를 삽입하고 커서를 text_javascript 기술의 끝으로 이동합니다.

jQuery 입력을 클릭하여 커서를 마지막 또는 지정된 위치로 이동합니다

위 내용은 커서란 무엇입니까? 입력 또는 텍스트 영역의 커서 이동 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!