πŸš€ μžλ°” 슀크립트 JavaScript

1️⃣2️⃣ μžλ°”μŠ€ν¬λ¦½νŠΈ - onload, onblur, onchange, onkey--, onmouse-- 정리

Meteora_ 2021. 3. 4. 17:15
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>