angular.js - 모바일 웹에서 입력 방법이 텍스트 상자를 차단하는 문제를 해결하는 방법은 무엇입니까?

Question

모바일 웹페이지에는 비교적 큰 텍스트 영역이 정의되어 있으며, 약 15줄의 단어를 표시할 수 있습니다. 텍스트 영역을 클릭하면 입력 방법이 팝업되고 텍스트 영역 하단에 몇 줄의 단어가 가려집니다. 입력한 단어 수가 10줄을 넘었고, 나중에 입력한 문자가 입력 방식에 의해 차단되어 터치 타이핑으로 바뀌는 현상이 발생하여 매우 불편했습니다.

js를 사용하여 이 문제를 해결할 수 있는 방법이 있나요?

비교적 멍청한 방법을 썼는데, 샤오미, 비보 등 지저분한 휴대폰만 호환된다는 걸 발견했습니다. .

으아아아

Answer 1

1. 텍스트 영역이 포커스 이벤트를 받으면 자동으로 텍스트 상자를 화면 상단으로 스크롤합니다
2. 디자인된 입력 상자는 화면의 절반을 초과해서는 안 됩니다. 초과해야 하는 경우 텍스트 영역에 변경 이벤트가 발생하여 입력된 단어 수를 계산하고 그에 따라 입력 상자를 위로 스크롤합니다

이렇게 하면 매우 친근해질 것입니다

Answer 2

고정 위치 사용, 하단