사용자가 버튼을 누르지 않고 <textarea>의 내용을 자동으로 처리하는 방법은 무엇입니까?

Question

내 페이지에는 사용자가 항목 목록을 입력 할 수있는 텍스트 영역이 있으며, 항목은 개행 문자로 구분됩니다.

제출 버튼을 누르지 않아도 사용자의 입력을 처리하고 싶습니다. ("프로세스"는 사용자가 서버에 입력 한 정보를 보내고 현재 페이지의 다른 요소를 업데이트하는 것을 의미합니다.)이 작업을 수행한지 이틀 동안 생각했습니다.

1- 키 누르기 이벤트에 대한 이벤트 처리기를 설치하고, Enter 키를 누르는 이벤트를 가져오고 방금 완료 한 행을 처리하십시오. (커서 위치 정보를 완료로 얻는 것 here.) 이것은 양식으로 복사 - 붙여 넣기를 처리하지 않는 단점이 있습니다. (그리고 스택 오버플로 검색에서 올바르게 이해하면 붙여 넣기 이벤트 처리에 대한 지원은 가장 일반적인 브라우저에서도 not great입니다.)

2 setInterval()을 사용하여 텍스트 영역의 내용을 주기적으로 처리합니다. 이미 페이지에서 unique URLs pattern을 구현하기 위해 setInterval()을 사용하고 있으므로이를 피할 수는 있습니다.

더 좋은 방법이 있나요?

Answer 1

텍스트 영역에 대한 "onchange"이벤트도 있습니다. 붙여 넣기 또는 마법 삽입을 포함한 모든 변경 사항을 감지하는 데 사용할 수 있습니다.