나는 100 자로 제한하고 싶은 textarea 요소를 가지고 있습니다. 내 현재 작업은 시각적 인 피드백을 사용자에게 제공하는 것입니다. 빈 상자에서 시작하여 "100 자 남음"이어야합니다.텍스트 상자에 남아있는 문자 수에 대한 생생한 피드백
지금, 나는 텍스트 영역의 onChange가에 자바 스크립트 함수 charsLeft()를 추가했지만 의도 한대로이 50 % 만 작동합니다. 그것은 내가 입력 할 때 텍스트 영역을 떠날 때 (포커스) 텍스트 번호를 포함하는 div 만 업데이트합니다. 어떻게해야합니까? 내 사용자가 텍스트 상자에 남은 문자 수를 입력 할 때 볼 수 있도록?
onKeyUp 이벤트를 사용해보십시오.
onkeyup' 퍼펙 찾고있는 것 같아! :) thanks – Jason94
잘라 내기 및 붙여 넣기 또는 텍스트 영역으로 드래그 한 텍스트는 다루지 않습니다. –
사실이지만 작성자의 문제 ("내 사용자가 입력하는대로 볼 수 있도록")를 완전히 포함하고 있습니다. 생각하지 않습니까? 게다가, 나는 항상 브라우저 호환성 (http://www.quirksmode.org/dom/events/cutcopypaste.html)에 대한 단점 때문에 붙여 넣기 솔루션을 구현하는 것을 꺼린다. – karlipoppins
keyup 이벤트를 처리하는 것은 확실히 솔루션의 일부가되어야합니다. 또한 cut 및 paste 이벤트를 고려해야하며 텍스트를 텍스트 영역으로 드래그 할 수도 있으므로 mouseup 이벤트를 사용하여 텍스트를 시도하고 처리해야합니다. cut 및 paste 이벤트를 지원하지 않는 Firefox 2 및 Opera와 같은 브라우저를 조사하기 위해 어떤 종류의 폴링을 원할 수도 있습니다.
좀 더 우아한 해결책을 찾는 경우는, Flapjax은 당신의 친구입니다. relevant code sample을 참조하십시오.
는 당신이' – SilentGhost