onSelect | onkeypress
Language/JAVASCRIPT 2010. 5. 10. 15:22onselect.htm
<html>
<head>
<title>onselect</title>
</head>
<body>
<form name="oform">
<textarea name="selecttextarea" rows="5" cols="30" onSelect="alert('onselect 이벤트가 발생했습니다.');">이 상자에 있는 텍스트를 선택하십시요 그러면 onselect이벤트 핸들러가 실행됩니다.</textarea></p>
</form>
</body>
</html>
<textarea name="selecttextarea" rows="5" cols="30" onSelect="alert('onselect 이벤트가 발생했습니다.');">
텍스트 상자에서 텍스트를 마우스 클기를 해서 선택하면 select 이벤트가 발생하고 'onselect 이벤트가 발생했습니다.'라는 메시지를 보여준다.
onkeypress.htm
<html>
<head>
<title>onkeypress</title>
<script-x>
function intfun(e) {
var keyChar = ((navigator.vendor)? String.fromCharCode(e.which): String.fromCharCode(event.keyCode));
x = parseInt(keyChar, 10)
document.getElementById("result").innerHTML= ((isNaN(x))?"숫자가 않입니다 숫자를 눌러주세요 ":"숫자입니다.");
}
document.onkeypress = intfun;
</script-x>
<style>
<!--
#result { font-weight:bold; font-size:30pt; color:white; background-color:black; }
-->
</style>
</head>
<body>
<p align=center><span id="result"> </span></p>
</body>
</html>
var keyChar =
((navigator.vendor)? String.fromCharCode(e.which): String.fromCharCode(event.keyCode));
눌러진 키의 ASCII값을 netscape6.x에서는 which 속성을 통해 explorer인 경우에는 keyCode 속성을 통해 문자로 변경한 다음 변수 keyChar에 대입한다.
x = parseInt(keyChar, 10)
변수 keyChar에 대입된 값을 십진수의 정수로 변경한 값을 x에 대입한다.
document.getElementById("result").innerHTML= ((isNaN(x))?"숫자가 않입니다 숫자를 눌러주세요 ":"숫자입니다.");
x가 숫자인지 안닌지를 확인해서 숫자가 아니면 result 개체의 내부HTML로 "숫자가 않입니다 숫자를 눌러주세요 "라는 메시지를 숫자이면 "숫자입니다."라는 메시지를 보여준다.
document.onkeypress = intfun;
document에서 keypress 이벤트가 발생하면 intfun 함수를 호출한다.
[출처] onSelect | onkeypress|작성자 해피캐빈
'Language > JAVASCRIPT' 카테고리의 다른 글
| DIV (0) | 2010.05.10 |
|---|---|
| window 개체 (0) | 2010.05.10 |
| 이벤트 핸들러와 이벤트 (0) | 2010.05.10 |
| onClick | onDblClick | onFocus | onBlur (0) | 2010.05.10 |
| onMouseDown | onMouseUp | onMOuseOver | onMouseOut (0) | 2010.05.10 |