반응형
keydown(), keyup(), keypress()
| keydown | 키보드가 눌려질 때 발생 |
|---|---|
| keyup | 키보드가 눌려졌다가 띄어지는 순간에 발생 |
| keypress | 글자가 입력될 때 발생(한글입력처리는 할 수 없음) |
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
</style>
<script type ="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('textarea').keyup(function){
var len = $(this).val().length; //textarea객체에서 입력된 문자의 갯수를 저장하고 있다.
var len1 = 150 - len;
$('h1').html(len1);
if(len1 >= 0) {
$('h1').css('color','blue');
}else {
$('h1').css('color','red');
}
});
});
</script>
</head>
<body>
안녕하세요
150
</body>
</html>
반응형
'wEb > javascript' 카테고리의 다른 글
| CommonJS(커먼JS) (0) | 2018.12.19 |
|---|---|
| jquery .css 변수 사용 (0) | 2013.09.29 |
| .live() 와 .bind() (0) | 2013.09.28 |
| preventDefault(), stopPropagation(), return false; (0) | 2013.09.28 |
| mouseenter와 mouseleave를 동시에 쓰는 함수 hover() (0) | 2013.09.28 |
| $(document).ready (0) | 2013.08.16 |
| jQuery API .nextAll() test (0) | 2013.06.07 |
| 제이쿼리 트래버싱_jquery traversing API (0) | 2013.06.06 |
| 자바스크립트 배열작성 방식 3가지 (0) | 2013.03.25 |
| jquery를 이용한 필요없는 셀지우기 (0) | 2012.04.20 |