๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿš€ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ JavaScript

1๏ธโƒฃ2๏ธโƒฃ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - onload, onblur, onchange, onkey--, onmouse-- ์ •๋ฆฌ

by Meteora_ 2021. 3. 4.
728x90

์ฝ”๋“œ๊ฐ€ ๊น๋‹ˆ๋‹ค ๋†€๋ผ์ง€ ๋งˆ์„ธ์š”

๋”๋ณด๊ธฐ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<!-- <body onload="checkMessage()">
	onload (body๋ž‘ div์—์„œ ๋งŽ์ด ์“ด๋‹ค) 
	<p id="p1"></p>
	
	<script type="text/javascript">
	function checkMessage(){
		document.getElementById('p1').innerHTML='checkMessage()ํ˜ธ์ถœ';
	}
	</script>
</body> -->
<!-- <body onload="viewScroll()">

<pre>
์ •์€๋ณด ํ•œ๋ฏธ ๋ฐฉ์œ„๋น„๋ถ„๋‹ดํ˜‘์ƒ๋Œ€์‚ฌ๊ฐ€ ํ•œ·๋ฏธ ๋ฐฉ์œ„๋น„ ๋ถ„๋‹ด๊ธˆ ํ˜‘์ƒ๊ณผ ๊ด€๋ จํ•ด "๊ทธ๋™์•ˆ ๋งŽ์€ ๋…ผ์˜๋ฅผ ํ†ตํ•ด์„œ ์ƒ๋‹นํ•œ ๊ณต๊ฐ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ๋น ๋ฅธ ์‹œ์ผ๋‚ด ํ˜‘์ƒ ํƒ€๊ฒฐ์„ ๊ธฐ๋Œ€ํ•œ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ์˜ค๋Š˜(4์ผ) ์ธ์ฒœ๊ตญ์ œ๊ณตํ•ญ ์ œ2ํ„ฐ๋ฏธ๋„์—์„œ ๋ฏธ๊ตญ์œผ๋กœ ์ถœ๊ตญํ•˜๊ธฐ ์ „ ๊ธฐ์ž๋“ค๊ณผ ๋งŒ๋‚˜ "์ผ๋ถ€ ์•„์ง ๋‚จ์•„ ์žˆ๋Š” ์Ÿ์ ์„ ํ•ด์†Œํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฒˆ์— ๋ฏธ๊ตญ์— ๊ฐ€์„œ ๋Œ€๋ฉด ํ˜‘์˜๋ฅผ ํ•˜๊ฒŒ ๋๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ์ด๋ฒˆ ํšŒ์˜๋ฅผ ํ†ตํ•ด ์›์น™์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•œ ํ•ฉ์˜๋ฅผ ๋งˆ์น ๊นŒ ์ƒ๊ฐํ•œ๋‹ค"๊ณ  ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” '5๋…„ ๋‹จ์œ„์˜ 13% ์ธ์ƒ์•ˆ์œผ๋กœ ํƒ€๊ฒฐ์ด ์ž„๋ฐ•ํ•œ ๊ฒŒ ๋งž๋Š๋ƒ'๋Š” ๊ธฐ์ž์˜ ์งˆ๋ฌธ์—๋Š” "๊ตฌ์ฒด์ ์œผ๋กœ 13%๋‹ค, ์ด๋Ÿฐ ๋ถ€๋ถ„๊ณผ ๊ด€๋ จํ•ด์„œ๋Š” ํ˜„์žฌ ํ˜‘์ƒ์ด ์ง„ํ–‰๋˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์—์„œ ๊ตฌ์ฒด์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋ง์”€๋“œ๋ฆฌ๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค"๊ณ  ๋‹ตํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ๋˜ '์ƒˆ ํ˜‘์ •์— ๋”ฐ๋ฅธ ์ธ์ƒ๋ฅ ์ด ์˜ฌํ•ด๋ถ€ํ„ฐ ์ ์šฉ๋˜๋Š๋ƒ'๋Š” ์งˆ๋ฌธ์— "๊ทธ๋Ÿฐ ๊ฒƒ๋„ ํ˜‘์ƒ์— ํฌํ•จ๋  ๊ฒƒ์ด๊ณ , ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํฌํ•จํ•ด์„œ ์ตœ์ข…์ ์œผ๋กœ ํŒจํ‚ค์ง€ ํƒ€๊ฒฐ์„ ์œ„ํ•œ ๋…ธ๋ ฅ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด์„œ ์›Œ์‹ฑํ„ด ํ˜„์ง€์—์„œ ํ˜‘์ •๋ฌธ์„ ๋ฐœํ‘œํ•  ๊ฐ€๋Šฅ์„ฑ์— ๋Œ€ํ•ด์„  "๊ตญ๋‚ด์ ์ธ ์ ˆ์ฐจ ๋“ฑ์„ ๊ฐ์•ˆํ•ด๋ดค์„ ๋•Œ ๊ทธ๋ ‡๊ฒŒ ํ•  ์ˆ˜๋Š” ์—†์„ ๊ฒƒ"์ด๋ผ๋ฉด์„œ๋„ '์ฃผํ•œ๋ฏธ๊ตฐ ํ•œ๊ตญ์ธ ์ง์›๋“ค์˜ 4์›” ๋ฌด๊ธ‰ํœด์ง์€ ์—†์„ ๊ฒƒ์œผ๋กœ ๋ด๋„ ํฐ ๋ฌธ์ œ๊ฐ€ ์—†๊ฒ ๋Š๋ƒ'๋Š” ์งˆ์˜์—๋Š” "์ œ๊ฐ€ ์•Œ๊ธฐ๋กœ๋Š” ๊ทธ๋ ‡๊ฒŒ ์•Œ๊ณ  ์žˆ๋‹ค"๊ณ  ๋‹ตํ–ˆ์Šต๋‹ˆ๋‹ค.์ •์€๋ณด ํ•œ๋ฏธ ๋ฐฉ์œ„๋น„๋ถ„๋‹ดํ˜‘์ƒ๋Œ€์‚ฌ๊ฐ€ ํ•œ·๋ฏธ ๋ฐฉ์œ„๋น„ ๋ถ„๋‹ด๊ธˆ ํ˜‘์ƒ๊ณผ ๊ด€๋ จํ•ด "๊ทธ๋™์•ˆ ๋งŽ์€ ๋…ผ์˜๋ฅผ ํ†ตํ•ด์„œ ์ƒ๋‹นํ•œ ๊ณต๊ฐ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ๋น ๋ฅธ ์‹œ์ผ๋‚ด ํ˜‘์ƒ ํƒ€๊ฒฐ์„ ๊ธฐ๋Œ€ํ•œ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ์˜ค๋Š˜(4์ผ) ์ธ์ฒœ๊ตญ์ œ๊ณตํ•ญ ์ œ2ํ„ฐ๋ฏธ๋„์—์„œ ๋ฏธ๊ตญ์œผ๋กœ ์ถœ๊ตญํ•˜๊ธฐ ์ „ ๊ธฐ์ž๋“ค๊ณผ ๋งŒ๋‚˜ "์ผ๋ถ€ ์•„์ง ๋‚จ์•„ ์žˆ๋Š” ์Ÿ์ ์„ ํ•ด์†Œํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฒˆ์— ๋ฏธ๊ตญ์— ๊ฐ€์„œ ๋Œ€๋ฉด ํ˜‘์˜๋ฅผ ํ•˜๊ฒŒ ๋๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ์ด๋ฒˆ ํšŒ์˜๋ฅผ ํ†ตํ•ด ์›์น™์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•œ ํ•ฉ์˜๋ฅผ ๋งˆ์น ๊นŒ ์ƒ๊ฐํ•œ๋‹ค"๊ณ  ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” '5๋…„ ๋‹จ์œ„์˜ 13% ์ธ์ƒ์•ˆ์œผ๋กœ ํƒ€๊ฒฐ์ด ์ž„๋ฐ•ํ•œ ๊ฒŒ ๋งž๋Š๋ƒ'๋Š” ๊ธฐ์ž์˜ ์งˆ๋ฌธ์—๋Š” "๊ตฌ์ฒด์ ์œผ๋กœ 13%๋‹ค, ์ด๋Ÿฐ ๋ถ€๋ถ„๊ณผ ๊ด€๋ จํ•ด์„œ๋Š” ํ˜„์žฌ ํ˜‘์ƒ์ด ์ง„ํ–‰๋˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์—์„œ ๊ตฌ์ฒด์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋ง์”€๋“œ๋ฆฌ๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค"๊ณ  ๋‹ตํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ๋˜ '์ƒˆ ํ˜‘์ •์— ๋”ฐ๋ฅธ ์ธ์ƒ๋ฅ ์ด ์˜ฌํ•ด๋ถ€ํ„ฐ ์ ์šฉ๋˜๋Š๋ƒ'๋Š” ์งˆ๋ฌธ์— "๊ทธ๋Ÿฐ ๊ฒƒ๋„ ํ˜‘์ƒ์— ํฌํ•จ๋  ๊ฒƒ์ด๊ณ , ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํฌํ•จํ•ด์„œ ์ตœ์ข…์ ์œผ๋กœ ํŒจํ‚ค์ง€ ํƒ€๊ฒฐ์„ ์œ„ํ•œ ๋…ธ๋ ฅ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด์„œ ์›Œ์‹ฑํ„ด ํ˜„์ง€์—์„œ ํ˜‘์ •๋ฌธ์„ ๋ฐœํ‘œํ•  ๊ฐ€๋Šฅ์„ฑ์— ๋Œ€ํ•ด์„  "๊ตญ๋‚ด์ ์ธ ์ ˆ์ฐจ ๋“ฑ์„ ๊ฐ์•ˆํ•ด๋ดค์„ ๋•Œ ๊ทธ
์ •์€๋ณด ํ•œ๋ฏธ ๋ฐฉ์œ„๋น„๋ถ„๋‹ดํ˜‘์ƒ๋Œ€์‚ฌ๊ฐ€ ํ•œ·๋ฏธ ๋ฐฉ์œ„๋น„ ๋ถ„๋‹ด๊ธˆ ํ˜‘์ƒ๊ณผ ๊ด€๋ จํ•ด "๊ทธ๋™์•ˆ ๋งŽ์€ ๋…ผ์˜๋ฅผ ํ†ตํ•ด์„œ ์ƒ๋‹นํ•œ ๊ณต๊ฐ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ๋น ๋ฅธ ์‹œ์ผ๋‚ด ํ˜‘์ƒ ํƒ€๊ฒฐ์„ ๊ธฐ๋Œ€ํ•œ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ์˜ค๋Š˜(4์ผ) ์ธ์ฒœ๊ตญ์ œ๊ณตํ•ญ ์ œ2ํ„ฐ๋ฏธ๋„์—์„œ ๋ฏธ๊ตญ์œผ๋กœ ์ถœ๊ตญํ•˜๊ธฐ ์ „ ๊ธฐ์ž๋“ค๊ณผ ๋งŒ๋‚˜ "์ผ๋ถ€ ์•„์ง ๋‚จ์•„ ์žˆ๋Š” ์Ÿ์ ์„ ํ•ด์†Œํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฒˆ์— ๋ฏธ๊ตญ์— ๊ฐ€์„œ ๋Œ€๋ฉด ํ˜‘์˜๋ฅผ ํ•˜๊ฒŒ ๋๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ์ด๋ฒˆ ํšŒ์˜๋ฅผ ํ†ตํ•ด ์›์น™์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•œ ํ•ฉ์˜๋ฅผ ๋งˆ์น ๊นŒ ์ƒ๊ฐํ•œ๋‹ค"๊ณ  ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” '5๋…„ ๋‹จ์œ„์˜ 13% ์ธ์ƒ์•ˆ์œผ๋กœ ํƒ€๊ฒฐ์ด ์ž„๋ฐ•ํ•œ ๊ฒŒ ๋งž๋Š๋ƒ'๋Š” ๊ธฐ์ž์˜ ์งˆ๋ฌธ์—๋Š” "๊ตฌ์ฒด์ ์œผ๋กœ 13%๋‹ค, ์ด๋Ÿฐ ๋ถ€๋ถ„๊ณผ ๊ด€๋ จํ•ด์„œ๋Š” ํ˜„์žฌ ํ˜‘์ƒ์ด ์ง„ํ–‰๋˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์—์„œ ๊ตฌ์ฒด์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋ง์”€๋“œ๋ฆฌ๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค"๊ณ  ๋‹ตํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ๋˜ '์ƒˆ ํ˜‘์ •์— ๋”ฐ๋ฅธ ์ธ์ƒ๋ฅ ์ด ์˜ฌํ•ด๋ถ€ํ„ฐ ์ ์šฉ๋˜๋Š๋ƒ'๋Š” ์งˆ๋ฌธ์— "๊ทธ๋Ÿฐ ๊ฒƒ๋„ ํ˜‘์ƒ์— ํฌํ•จ๋  ๊ฒƒ์ด๊ณ , ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํฌํ•จํ•ด์„œ ์ตœ์ข…์ ์œผ๋กœ ํŒจํ‚ค์ง€ ํƒ€๊ฒฐ์„ ์œ„ํ•œ ๋…ธ๋ ฅ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด์„œ ์›Œ์‹ฑํ„ด ํ˜„์ง€์—์„œ ํ˜‘์ •๋ฌธ์„ ๋ฐœํ‘œํ•  ๊ฐ€๋Šฅ์„ฑ์— ๋Œ€ํ•ด์„  "๊ตญ๋‚ด์ ์ธ ์ ˆ์ฐจ ๋“ฑ์„ ๊ฐ์•ˆํ•ด๋ดค์„ ๋•Œ ๊ทธ
์ •์€๋ณด ํ•œ๋ฏธ ๋ฐฉ์œ„๋น„๋ถ„๋‹ดํ˜‘์ƒ๋Œ€์‚ฌ๊ฐ€ ํ•œ·๋ฏธ ๋ฐฉ์œ„๋น„ ๋ถ„๋‹ด๊ธˆ ํ˜‘์ƒ๊ณผ ๊ด€๋ จํ•ด "๊ทธ๋™์•ˆ ๋งŽ์€ ๋…ผ์˜๋ฅผ ํ†ตํ•ด์„œ ์ƒ๋‹นํ•œ ๊ณต๊ฐ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ๋น ๋ฅธ ์‹œ์ผ๋‚ด ํ˜‘์ƒ ํƒ€๊ฒฐ์„ ๊ธฐ๋Œ€ํ•œ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ์˜ค๋Š˜(4์ผ) ์ธ์ฒœ๊ตญ์ œ๊ณตํ•ญ ์ œ2ํ„ฐ๋ฏธ๋„์—์„œ ๋ฏธ๊ตญ์œผ๋กœ ์ถœ๊ตญํ•˜๊ธฐ ์ „ ๊ธฐ์ž๋“ค๊ณผ ๋งŒ๋‚˜ "์ผ๋ถ€ ์•„์ง ๋‚จ์•„ ์žˆ๋Š” ์Ÿ์ ์„ ํ•ด์†Œํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฒˆ์— ๋ฏธ๊ตญ์— ๊ฐ€์„œ ๋Œ€๋ฉด ํ˜‘์˜๋ฅผ ํ•˜๊ฒŒ ๋๋‹ค"๋ฉฐ "๊ฐ€๋Šฅํ•œ ํ•œ ์ด๋ฒˆ ํšŒ์˜๋ฅผ ํ†ตํ•ด ์›์น™์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•œ ํ•ฉ์˜๋ฅผ ๋งˆ์น ๊นŒ ์ƒ๊ฐํ•œ๋‹ค"๊ณ  ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” '5๋…„ ๋‹จ์œ„์˜ 13% ์ธ์ƒ์•ˆ์œผ๋กœ ํƒ€๊ฒฐ์ด ์ž„๋ฐ•ํ•œ ๊ฒŒ ๋งž๋Š๋ƒ'๋Š” ๊ธฐ์ž์˜ ์งˆ๋ฌธ์—๋Š” "๊ตฌ์ฒด์ ์œผ๋กœ 13%๋‹ค, ์ด๋Ÿฐ ๋ถ€๋ถ„๊ณผ ๊ด€๋ จํ•ด์„œ๋Š” ํ˜„์žฌ ํ˜‘์ƒ์ด ์ง„ํ–‰๋˜๊ณ  ์žˆ๋‹ค๋Š” ์ ์—์„œ ๊ตฌ์ฒด์ ์ธ ๋‚ด์šฉ์— ๋Œ€ํ•ด ๋ง์”€๋“œ๋ฆฌ๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค"๊ณ  ๋‹ตํ–ˆ์Šต๋‹ˆ๋‹ค.

์ • ๋Œ€์‚ฌ๋Š” ๋˜ '์ƒˆ ํ˜‘์ •์— ๋”ฐ๋ฅธ ์ธ์ƒ๋ฅ ์ด ์˜ฌํ•ด๋ถ€ํ„ฐ ์ ์šฉ๋˜๋Š๋ƒ'๋Š” ์งˆ๋ฌธ์— "๊ทธ๋Ÿฐ ๊ฒƒ๋„ ํ˜‘์ƒ์— ํฌํ•จ๋  ๊ฒƒ์ด๊ณ , ๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํฌํ•จํ•ด์„œ ์ตœ์ข…์ ์œผ๋กœ ํŒจํ‚ค์ง€ ํƒ€๊ฒฐ์„ ์œ„ํ•œ ๋…ธ๋ ฅ์„ ํ•˜๊ณ  ์žˆ๋‹ค"๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋ฉด์„œ ์›Œ์‹ฑํ„ด ํ˜„์ง€์—์„œ ํ˜‘์ •๋ฌธ์„ ๋ฐœํ‘œํ•  ๊ฐ€๋Šฅ์„ฑ์— ๋Œ€ํ•ด์„  "๊ตญ๋‚ด์ ์ธ ์ ˆ์ฐจ ๋“ฑ์„ ๊ฐ์•ˆํ•ด๋ดค์„ ๋•Œ ๊ทธ
</pre>

<script type="text/javascript">
let posY = 0;

function viewScroll(){
	window.scroll(0, posY);
	
	posY = posY + 2;
	if(posY == 300) posY = 0;
	
	setTimeout("viewScroll()", 100);
}

</script>

</body> -->


<body>

<!-- onblur : ํฌ์ปค์Šค ์ด๋™ -->
๋‚˜์ด:<input type="text" onblur="isRegNum()" size="10" maxlength="2">์„ธ
<br><br>

<script type="text/javascript">

function isRegNum(){
	alert('onblur ์‹คํ–‰')
}
</script>

<!-- onchange: ์ž…๋ ฅ๊ฐ’์ด ๋ณ€๊ฒฝ๋˜๊ณ  ํฌ์ปค์Šค๊ฐ€ ๋‹ค๋ฅธ ๊ณณ์œผ๋กœ ์ด๋™ํ–ˆ์„๋•Œ (๊ฐ’์ด ๋ณ€๊ฒฝ์•ˆ๋˜๋ฉด ์‹คํ–‰๋˜์ง€์•Š์Œ) -->

์šฐํŽธ๋ฒˆํ˜ธ:<br>
<input type="text" size="5" maxlength="3" onchange="isPostNum(this)">
-
<input type="text" size="5" maxlength="3" onchange="isPostNum(this)">
<br>

<select id="sel" onchange="changeVal()">
	<option value="apple">์‚ฌ๊ณผ</option>
	<option value="pear">๋ฐฐ</option>
	<option value="banana">๋ฐ”๋‚˜๋‚˜</option>
</select>

<script type="text/javascript">
function isPostNum(obj){
	let str = obj.value;
	//alert(str);
	
	if(str.match(/[^0-9]/g)) // ์ˆซ์ž๊ฐ€ ์•„๋‹Œ ๋ฌธ์ž๊ฐ€ ํฌํ•จ๋œ ๊ฒฝ์šฐ     โ˜†โ˜…โ˜†โ˜…
		alert("๋ฌธ์ž๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค") //๋ฌธ์ž๊ฐ€ ํฌํ•จ๋๋‹ค๊ณ  ์•Œ๋žŒ์„ ๋„์›€
}


function changeVal() {
//alert("changeVal");
	alert(document.getElementById("sel").value);
}
</script>

<br><br>

<!-- onkeydown, onkeypress --> 

<input type="text" name="title">

<script type="text/javascript">

/*
document.getElementsByName("title")[0].onkeydown = function(event) {
	console.log("keydown keycode:"+event.keyCode);
}
*/

document.getElementsByName("title")[0].onkeypress = function(event) {
	console.log("keypress keycode:"+event.keyCode);
}

</script>

<br><br>

<!-- onMouseDown, onMouseUp, onMouseOver, onMouseOut -->

<input type="image" src="san0.gif" onmousedown="mouseDown(this)" onmouseup="mouseUp(this)" onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">

<script type="text/javascript">

function mouseDown(obj){
	obj.src = "san1.gif";
}

function mouseUp(obj){
	obj.src = "san0.gif";
}

function mouseOver(obj){ //
	obj.src = "san2.gif";
}

function mouseOut(obj){  //๋ฒ—์–ด๋‚ฌ์„๋•Œ
	obj.src = "san0.gif";
}
</script>

<br><br>


<a href="#" onmouseover="document.box.src='surprise.gif'" onmouseout="document.box.src='box.gif'">
	<img alt="" src="box.gif" name="box">
</a>





</body>


</html>

๋Œ“๊ธ€