로이데스트 :: 마우스 클릭 이벤트 onclick ondblclick onmousedown onmouseup - 클릭, 더블클릭, 마우스 버튼 누를때, 마우스 버튼 놓을때

마우스 클릭 이벤트 onclick ondblclick onmousedown onmouseup - 클릭, 더블클릭, 마우스 버튼 누를때, 마우스 버튼 놓을때

2014. 1. 29. 17:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="ex_js_syntax">
<script type="text/javascript" language="javascript">
<!--
/* Mouse Events onclick ondblclick onmousedown
onmouseup onmousemove onmouseover onmouseout */
function onclick_event(){
/* onclick 이벤트 */
alert("onclick 실행되였어요");
}
function ondblclick_event(){
/* ondblclick 이벤트 */
alert("ondblclick 실행되였어요");
}
function onmousedown_event(){
/* onmousedown 이벤트 */
alert("onmousedown 실행되였어요");
}
function onmouseup_event(){
/* onmouseup 이벤트 */
alert("onmouseup 실행되였어요");
}
//-->
</script>
<form name="input_type" id="input_type" method="post" >
<input type="text" value="마우스 클릭(왼쪽만)" onclick="onclick_event();">
<br />
<input type="text" value="마우스 더블 클릭(왼쪽만)" ondblclick="ondblclick_event();">
<br />
<input type="text" value="마우스 버튼 다운" onmousedown="onmousedown_event();">
<br />
<input type="text" value="마우스 버튼 업" onmouseup="onmouseup_event();">
<br />
</form>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기

onclick- 마우스 왼쪽 버튼 클릭시 이벤트가 발생합니다.

ondblclick- 마우스 왼쪽 버튼 더블 클릭시 이벤트가 발생합니다.
onmousedown- 마우스 왼쪽이나 오른쪽 버튼 누를시 이벤트가 발생합니다.

onmouseup- 마우스 왼쪽이나 오른쪽 버튼 놓을때 이벤트가 발생합니다.

기타 이벤트(예제없음) onLoad onUnload onAbort onError onResize (0)	2014.01.29
마우스 커서 이벤트 onmousemove onmouseover onmouseout - 마우스 커서 이동시, 마우스 커서 얻을때, 마우스 커서 잃을때 (0)	2014.01.29
Keyboard 이벤트 onkeydown, onkeyup, onkeypress - 키보드누를시, 키보드놓을시, 출력시 (1)	2014.01.29
form이벤트 onfocus, onblur, onchange, onsubmit - 포커스얻을시, 포커스잃을시, 교체시, 폼보낼시 (1)	2014.01.29
String, Number, escape, unescape - 문자열 변환, 숫자 변환, 엔코딩, 디코딩 (0)	2014.01.29