<textarea class="content-box" id="content" placeholder="친구톡 내용을 입력해주세요"></textarea>
<span class="char-count">0자</span>/1000자
$("#content").on("keyup",function(event){
checkTextAreaMaxLength(this,event);
});
function checkTextAreaMaxLength(textBox, e) {
$(".char-count").html(textBox.value.length);
return true;
}
반응형
'웹프로그래밍 > 프론트엔드(javascript, js, css)' 카테고리의 다른 글
텍스트를 로고 이미지로 무료 사이트~ (0) | 2019.07.09 |
---|---|
동적 생성을 위한 change 함수 (0) | 2019.07.05 |
HTML <form> 태그의 이해 (0) | 2019.05.26 |
var a 와 var $a의 차이점. (0) | 2019.04.21 |
회원가입 폼 비밀번호 일치 여부~ (0) | 2019.04.15 |
javascript + jquery 잡지식들 (0) | 2019.04.09 |
HTML 태그 <button> 태그 submit 현상 (0) | 2019.04.03 |
span 태그 와 div 태그 의 차이 ~ (0) | 2019.03.27 |