텍스트 영역을 사용하지 않고 텍스트 입력의 맨 오른쪽으로 스크롤하는 방법은 무엇입니까?

광범위한 텍스트 입력의 맨 오른쪽으로 스크롤

긴 URL이 텍스트 필드에 표시되는 이미지 선택기와 같은 시나리오에서는 전체 URL을 시각화하는 것이 중요합니다. 이해력 향상을 위해. 그러나 초기 부분만 표시하는 기본 보기에서는 이것이 제한될 수 있습니다. 텍스트 영역에 의존하지 않고 URL의 끝이 보이도록 하는 기술이 있습니까?

IE6-8 및 Opera를 제외한 브라우저

대부분의 브라우저를 위한 솔루션 HTMLInputElement.setSelectionRange()를 focus()와 함께 사용하여 텍스트 선택을 입력 값의 끝으로 설정하는 작업이 포함됩니다. 이는 효과적으로 오른쪽으로 스크롤되지만 주의할 점은 초점을 잃으면 뷰가 시작 부분으로 되돌아간다는 것입니다.

<code class="js">const foo = document.getElementById("foo");
foo.value = "http://stackoverflow.com/questions/1962168/scroll-to-the-very-right-of-a-long-text-input";
foo.focus();
foo.setSelectionRange(foo.value.length, foo.value.length);</code>

<code class="html"><input id="foo"></code>

위 내용은 텍스트 영역을 사용하지 않고 텍스트 입력의 맨 오른쪽으로 스크롤하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!