텍스트 영역이 아닌 contentEditable div를 사용하면 어떤 단점이 있습니까?

Question

contentEditable="true" 속성을 가진 div를 텍스트 영역이 아닌 텍스트 영역으로 사용하여 발 안에 나를 쏘고 싶습니까?

Answer 1

괜찮 으면 좋겠지 만 폼보다 조금 어려울 것입니다. 왜냐하면 버튼의 클릭 이벤트를 올바른 div 아래로 추적하도록 로직을 연결해야하기 때문입니다. 그 내용을 작성한 다음 제출하십시오. 텍스트 영역의 장점은 브라우저가 모든 것을 처리한다는 것입니다.

Answer 2

같은 것은 아닙니다. 먼저 텍스트 영역의 목적은 contentEditable을 사용하여 일반 텍스트를 작성/편집하는 것입니다. 예를 들어 목록을 편집 할 수 있습니다 (htmldemo 참조) 두 번째 동작도 다릅니다. 예를 들어, 크롬에서 아래의 링크를 테스트 할 때 예상했던 동작이 아닌 포커스 (div 요소가 사라짐)를 잃어 버린 모든 내용을 삭제하거나 바보 인 경우입니다.