이벤트가 발생한곳의 위치를 보여주는 예제 (1) 11/24/2004 sima
<html>
<head>
<script language = javascript>
<!--
function eval(){
alert(이벤트 + window.event.type + 가 발생했습니다. + \n + /* 익스플로러는 event object를 직접
스크린 X좌표: + window.event.screenX + \n + 지원되지 않고 event object가 window
스크린 Y좌표: + window.event.screenY + \n + object의 property 이므로
창의 X좌표: + window.event.pageX + \n + window.event.property 형태로 이벤트
창의 Y좌표: + window.event.pageY) 정보를 습득 */
return true
}
document.onmousedown = eval // 마우스 버튼을 누르면 eval() 함수가 호출되어 alert를 실행l
//-->
</script>
</head>
<body>
<p>mousedown 이벤트가 발생했습니다.</p>
</body>
</html>
|
|
Reset (0) 11/24/2004 sima
사용자 또는 스크립트에 의해 창 또는 프레임의 크기가 변경되었을 때의 이벤트를 판단
type
Reset을 값으로 가짐
width, height
창 또는 프레임의 너비와 높이를 값으로 가짐
|
|
Move (0) 11/24/2004 sima
사용자 또는 스크립트에 의해 창 또는 프레임이 움직였을 때의 이벤트를 판단
type
Move를 값으로 가짐
screenX, screenY
창 또는 프레임의 왼쪽 상단 모서리 위치를 값으로 가짐
|
|
MouseUp (0) 11/24/2004 sima
사용자가 마우스 버튼 누름을 해제했을 때의 이벤트를 판단
type
MouseUp을 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
왼쪽 버튼일 때는 1을, 오른쪽 버튼일 때는 3을 가짐
modifiers
이벤트가 발생했을 때 눌러진 수식 key의 값을 가짐
|
|
MouseOver (0) 11/24/2004 sima
오브젝트에 커서가 올라갔을 때의 이벤트를 판단
type
MouseOver를 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
|
|
MouseMove (0) 11/24/2004 sima
커서가 움직였을 때의 이벤트를 판단, captureEvent() 메소드에서 이 이벤트를 판단하도록 설정하고 있을 때에만 유효
type
MouseMove를 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
|
|
MouseDown (0) 11/24/2004 sima
사용자가 마우스 버튼을 눌렀을 때의 이벤트를 판단
type
MouseDown을 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
왼쪽 버튼일 때는 1을, 오른쪽 버튼일 때는 3을 가짐
modifiers
이벤트가 발생했을 때 눌러진 수식 key의 값을 가짐
|
|
KeyUp (0) 11/24/2004 sima
사용자가 key 선택을 해제했을 때의 이벤트를 판단
type
KeyUp을 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
선택해제된 key의 ASCII 값을 가짐
modifiers
수식 key의 값을 가짐
|
|
KeyPress (0) 11/24/2004 sima
사용자가 key를 누른 상태로 있을 때의 이벤트를 판단, KeyDown 이벤트가 참을 반환했을 때만 이벤트가 발생
type
KeyPress를 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
눌려진 key의 ASCII 값을 가짐
modifiers
수식 key의 값을 가짐
|
|
KeyDown (0) 11/24/2004 sima
사용자가 key를 눌렀을 때의 이벤트를 판단, KeyPress 이벤트보다 앞서 발생하고 만일 KeyDown 이벤트가 거짓을 반환했을 때에는 KeyPress 이벤트는 발생하지 않음
type
KeyDown을 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
눌려진 key의 ASCII 값을 가짐
modifiers
수식 key의 값을 가짐
|
|
DragDrop (0) 11/24/2004 sima
창위에 파일이나 단축키등을 drag and drop 했을 때에 이벤트를 판단, 이벤트가 발생했을 때 참을 반환하면 drag and drop을 하게 하고 거짓을 반환하면 중지
type
: DragDrop을 값으로 가짐
data
: drop된 파일의 URL을 반환
|
|
Dbclick (0) 11/24/2004 sima
마우스를 더블클릭 했을 때의 이벤트를 판단
type
: Dbclick을 값으로 가짐
layerX, layerY,
pageX, pageY,
screenX, screenY
: 이벤트가 발생했을 때 커서의 X, Y축 위치를 값으로 가짐
which
: 왼쪽 버튼일 때는 1을, 오른쪽 버튼일 때는 3을 가짐
modifiers
: 수식 key의 값을 가짐
|
|
Click (0) 11/24/2004 sima
마우스를 클릭했을 때의 이벤트를 판단, mousedown 이벤트와 mouseup 이벤트를 합한것
type: click
layerX, layerY,
pageX, pageY,
screenX, screenY
: 이벤트가 발생했을 때 커서의 X, Y축 위치를 값을 반환
which
: 왼쪽 버튼일 때는 1을, 오른쪽 버튼일 때는 3을 반환
modifiers
: 수식 key의 값을 반환
|
|
이벤트 예제 소스 (0) 11/24/2004 sima
<html>
<head>
</head>
<body>
<form name = EVENT>
<input type = button name = event value = onClick Event!! onClick = alert(이벤트타입: +event.type)>
</form>
<a href = # onMouseOut = alert(이벤트타입: + event.type)> onMouseOut Event!</a>
// 객체위에 있는 마우스 커서가 벗어났을 때 이벤트 발생
<p>
<a href = # onMouseDown = alert(이벤트타입: + event.type)> onMouseDown Event!</a>
// 마우스의 버튼을 누렀을 때 이벤트 발생
<p>
<a href = # onMouseUp = alert(이벤트타입: + event.type)> onMouseUp Event!</a>
// 마우스 버튼을 누른 다음 떼었을 때 이벤트 발생
<p>
<a href = # onMouseOver = alert(이벤트타입: + event.type)> onMouseOver Event!</a>
// 객체위에 마우스 커서가 위치했을 때 이벤트 발생
</body>
</html>
|
|
onUnload (0) 11/24/2004 sima
다른 페이지로 이동했을 때의 이벤트를 판단하는 이벤트 핸들러, 현재 페이지를 열거나 다른 페이지로 이동했을 때를 이벤트로 판단하고 설정한 처리를 실행 | |