유지 텍스트 입력이

동기화 스크롤링이 하나가 도전 :유지 텍스트 입력이

는 this fiddle 같이 두 개의 텍스트 입력을 가정 해 봅시다. 사용자가 커서를 맨 오른쪽 또는 왼쪽으로 이동하여 스크롤 할 때 다른 하나를 스크롤하여 동기화 상태를 유지하고 싶습니다. 적어도 현대의 브라우저에서는이 작업을 수행 할 수 있습니까?

출처

2012-04-17 Trevor Burnham

나는 그것이 가능하지 않다고 믿는다. –

둘 다 고정 폭 글꼴로 가정 할 수 있습니까? –

@rami 나는 당신을 믿을 의향이 있습니다. 나는'setSelectionRange'를 사용하여이 작업을 수행 할 수있을 것이라고 생각했지만, 포커스가있는 경우에만 입력 스크롤을 유도하고 두 입력 모두 포커스를 동시에 가질 수 없습니다. 여전히 해킹 된 해결책조차도 시원할 것입니다. –

IFrame에 입력되지 않는 텍스트가 변경됩니다. 둘 다 입력이 필요한 경우에는 요소가 포커스가있을 때/벗어날 때 동적으로 요소를 iframe에서 입력으로 전환합니다.

입력 상자에서 선택 속성을 사용하여 캐럿이있는 위치를 찾을 수 있습니다. 그런 다음 IFrame을 scrollTo를 사용하여 스크롤 할 수 있습니다.

입력 상자의 스크롤 상태를 정확히 알아 내기위한 완벽한 해결책이없는 것 같습니다.

출처

2012-04-17 19:31:48 boisvert

유지 텍스트 입력이

답변

관련 문제