티스토리 뷰
// textarea 의 글자 갯수를 출력한다.
$('textarea').keyup(function() {
var inputLength = $(this).val().length;
var remain = 150 - inputLength;
$('h2#rtext').html(remain);
});
$('textarea').keyup(function() {
var inputLength = $(this).val().length;
var remain = 150 - inputLength;
$('h2#rtext').html(remain);
});
설명 : textarea 태그에 keyup 이벤트를 연결합니다.
현재 textarea 의 글자수를 150 에서 뺀 나머지를 H2 태그의 rtext 라는 ID 에 html 로 바꾸어서 넣어 주게 됩니다.
<div>
<textarea cols="70" rows="5"></textarea>
</div>
<h2 id="rtext">150</h2>
'Language > JQuery' 카테고리의 다른 글
[ JQuery ] 단축키 사용하기 - ASCII 코드표 포함 (0) | 2016.01.02 |
---|---|
[ JQuery ] 기초문법 (0) | 2016.01.02 |
[ JQuery ] DIV POPUP (0) | 2016.01.02 |
[ JQuery ] - 속성 추출 조작 attr() (0) | 2016.01.02 |
[ JQuery ] datepicker(); 달력 (0) | 2016.01.02 |