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>
저작자표시 (새창열림)