메인메뉴 바로가기

HOME으로 가기


내장객체 Event 객체

페이지 정보

profile_image
작성자 너갱이
댓글 0건 조회 5,368회 작성일 15-05-15 16:38

본문

event 객체 관련 속성

  • srcElement
    이벤트가 발생한 객체를 반환.

  • type
    발생한 이벤트의 이름을 반환.

  • button
    마우스를 누르는 이벤트 발생시 왼쪽: 1, 오른쪽: 2, 왼쪽과 오른쪽: 3, 가운데: 4 등을 반환.

  • ctrlKey, altKey, shiftKey
    이벤트 발생시 ctrl, alt, shift키가 눌려서 있으면 참을 아니면 거짓을 반환.

  • clientX / clientY
    window.event.clientX = 이벤트가 일어나는 곳의 x좌표값 (수치만 출력)
    window.event.clientY = 이벤트가 일어나는 곳의 y좌표값 (수치만 출력)
밤톨넷2012.09.04 13:19:00
 
1. Event객체 : 키보드나 마우스등의 클릭이나 움직임등를 설정할때 사용하는 객체
익스플로러 window.event.속성 또는 메소드
넷스케이프 매개변수.속성또는 메소드
* 두 브라우저가 다르게 지원하기 떄문에 if조건문을 사용하여 각각의 이벤트객체를 사용 지정
if (document.all) 익스플로러용 이벤트객체 ----> document.all은 익스플로러에 접속시 true
else 넷스케이프 이벤트객체

2. 익스플로러 속성
.altKey, altLeft : 우측, 좌측의 alt 키를 눌렀을 떄 이벤트발생
.ctrlKey, ctrlLeft : 우측, 좌측의 ctrl 키를 눌렀을 때 이벤트 발생
.shiftKey, shiftLeft :우측, 좌측의 shift 키를 눌렀을 때 이벤트 발생
.button : 마우스 버튼을 눌렀을시 이벤트 발생 (값이1 이면 왼쪽버튼, 2는 오른쪽버튼)
.fromElement : onMouseOver나 onMouseOut 이벤트를 사용할 경우의 마우스객체
.toElement : 마우스 포인터가 위치해 있는 객체 설정
.clientX, clientY : 윈도우의 범위에서 마우스의 x좌표값, y좌표값
.sereenX, screenY: 화면전체이서 마우스의 x좌표값, y좌표값
.x, y : 선택한 객체에 위치해 있는 x좌표값, y좌표값
.offsetX, offsetY : 이벤트가 발생한 객체에서 마우스의 x좌표값, y좌표값
.key : code키를 눌렀을 경우의 키의 유니코드값을 설정
.repeaton : keydown 이벤트의 반복횟수 설정
.propertyName : 이벤트가 발생한 객체에서 변경된 속성명을 설정
.srcElement : 이벤트를 발생한 객체 설정
.type : 객체의 이벤트명 지정
.returnValue : 이벤트에서 발생한 값 설정
.srcFilter : onfilterchange 이벤트를 발생시킨 filter객체를 설정

3. 넷스케이프 속성
.layerX, layerY : 레이어를 기준으로 x좌표값, y좌표값
.pageX, pageY : 문서내의 x좌표값, y좌표값
.screenX, screenY : 화면전체에서 x좌표값, y좌표값
.srcElement : 이벤트가 전송된 객체를 설정
.target : 이벤트를 전탈할 객체 설정
.type : 이벤트의 종류 설정
.modifiers : 마우스와 함께 누른 키를 설정
.which : 마우스 버튼 값이나 키값을 ASCII 값으로 설정
밤톨넷2012.09.04 13:19:52
 
// event : keyCode 제이쿼리, 자바스크립트 사용방법

// ============ 자바스크립트 버젼

/*
Sample : onkeydown="if( Keycode(event) ==13) login();"
ReturnValue : keycode
*/

function Keycode(e){
var result;
if(window.event)
result = window.event.keyCode;
else if(e)
result = e.which;
return result;
}

// ================== 제이쿼리 버젼
$(function(){
$("input:text").keydown(function(evt){
if (evt.keyCode==13)
Result();
});
});

 

댓글목록

등록된 댓글이 없습니다.