js window.event 대상 상세 분석

7279 단어 jswindow.event대상
이 벤트 는 이벤트 의 상 태 를 대표 합 니 다.예 를 들 어 이벤트 대상 을 촉발 하 는 요소,마우스 의 위치 와 상태,누 른 키 등 입 니 다.이벤트 대상 은 이벤트 가 발생 하 는 과정 에서 만 유효 합 니 다.이벤트 의 일부 속성 은 특정한 이벤트 에 만 의미 가 있 습 니 다.예 를 들 어 from Element 와 toElement 속성 은 onmouseover 와 onmouseout 사건 에 만 의미 가 있 습 니 다.예 를 들 어 아래 의 예 를 들 어 링크 에서 마 우 스 를 눌 렀 는 지 확인 하고 shift 키 가 눌 리 면 링크 의 점프 를 취소 합 니 다. Cancels Links function cancelLink() { if (window.event.srcElement.tagName == "A" && window.event.shiftKey) window.event.returnValue = false; } 아래 의 예 는 상태 표시 줄 에 마우스 의 현재 위 치 를 표시 합 니 다.속성:altKey,button,cancelBubble,clientX,clientY,ctrlKey,fromElement,keyCode,offsetX,offsetY,propertyName,returnValue,screenX,screenY,shiftKey,srcElement,srcFilter,toElement,type,x,alt 키 의 상 태 를 검사 합 니 다.문법:event.altkey 가능 한 값:alt 키 를 눌 렀 을 때 값 은 TRUE 이 고 그렇지 않 으 면 FALSE 입 니 다.읽 기만 하 다.2.button 설명:누 른 마우스 단 추 를 검사 합 니 다.문법:event.button 가능 한 값:0 버튼 을 누 르 지 않 았 습 니 다.다른 이벤트 에 대해 서 는 마우스 상태 가 어떻든 0 으로 돌아 갑 니 다(예 를 들 어 onclick).3.cancelBubble 설명:상부 요소 의 이벤트 에 대한 통 제 를 받 아들 이 는 지 확인 합 니 다.문법:event.cancelBubble[=cancelBubble]가능 한 값:이것 은 읽 고 쓸 수 있 는 불 값 입 니 다.TRUE 는 상층 원소 의 이벤트 에 의 해 제어 되 지 않 습 니 다.FALSE 는 상위 요소 의 이벤트 에 의 해 제어 할 수 있 습 니 다.기본 값 입 니 다.예:그림 에서 클릭(onclick)할 때 shift 키 를 동시에 누 르 면 상위 요소(body)의 이벤트 onclick 으로 인 한 showSrc()함 수 를 취소 합 니 다. function checkCancel() { if (window.event.shiftKey) window.event.cancelBubble = true; } function showSrc() { if (window.event.srcElement.tagName == "IMG") alert(window.event.srcElement.src); } function changeProp() { btnProp.value = "This is the new VALUE"; } function changeCSSProp() { btnStyleProp.style.backgroundColor = "aqua"; }

The event object property propertyName is used here to return which property has been altered.

12.returnValue 설명:이벤트 에서 되 돌아 오 는 값 문법 을 설정 하거나 검사 합 니 다:event.returnValue[=Boolean]가능 한 값:true 이벤트 의 값 은 false 원본 대상 으로 되 돌아 갑 니 다.이벤트 의 기본 동작 이 취소 되 었 습 니 다.예 를 들 어 본문의 시작 을 보십시오.13.screenX 설명:사용자 화면 에 비해 마우스 의 수평 위치 문법 을 검사 합 니 다.event.screenX 설명:이것 은 읽 기 전용 속성 입 니 다.이것 은 마우스 의 현재 위 치 를 얻 을 수 있 을 뿐 마우스 의 위 치 를 변경 할 수 없다 는 것 을 의미한다.14.screenY 설명:사용자 화면 에 비해 마우스 의 수직 위치 문법 을 검사 합 니 다.event.screenY 설명:이것 은 읽 기 전용 속성 입 니 다.이것 은 마우스 의 현재 위 치 를 얻 을 수 있 을 뿐 마우스 의 위 치 를 변경 할 수 없다 는 것 을 의미한다.15.shift Key 설명:shift 키 의 상 태 를 검사 합 니 다.문법:event.shiftKey 가능 한 값:shift 키 를 눌 렀 을 때 값 은 TRUE 이 고 그렇지 않 으 면 FALSE 입 니 다.읽 기만 하 다.16.srcElement 설명:트리거 이벤트 의 요 소 를 되 돌려 줍 니 다.읽 기만 하 다.예 를 들 면 본문의 첫머리 를 볼 수 있다.문법:event.srcElement 17.srcFilter 설명:onfilter change 이 벤트 를 촉발 하 는 필 터 를 되 돌려 줍 니 다.읽 기만 하 다.문법:event.srcFilter 18.toElement 설명:onmouseover 와 onmouseout 이벤트 가 발생 했 을 때 마우스 가 들 어 오 는 요 소 를 검사 합 니 다.참고:7.from Element 문법:이벤트.toElement 주석:이것 은 읽 기 전용 속성 입 니 다.예:아래 코드 는 마우스 가 단추 위로 이동 할 때"mouse arrived"function testMouse(oObject){if(oObject.contains(event.toElement){alert("mouse arrived")를 표시 하 는 대화 상 자 를 보 여 줍 니 다.}:19.type 설명:이벤트 이름 을 되 돌려 줍 니 다.문법:event.type 설명:접두사 가 없 는 이벤트 이름 을 되 돌려 줍 니 다.예 를 들 어 onclick 이벤트 가 되 돌아 오 는 type 은 click 만 읽 습 니 다.20.x 설명:css 속성 에 비해 position 속성 이 있 는 상위 요소 의 x 축 좌 표를 되 돌려 줍 니 다.css 속성 에 position 속성 이 있 는 상위 요소 가 없 으 면 기본적으로 BODY 요 소 를 참고 대상 으로 합 니 다.문법:이벤트.x 설명:이벤트 가 실 행 된 후 마우스 가 창 밖으로 이동 하면 되 돌아 오 는 값 은-1 입 니 다.이것 은 읽 기 전용 속성 입 니 다.이것 은 마우스 의 현재 위 치 를 얻 을 수 있 을 뿐 마우스 의 위 치 를 변경 할 수 없다 는 것 을 의미한다.21.y 설명:css 속성 에 비해 position 속성 이 있 는 상위 요소 의 y 축 좌 표를 되 돌려 줍 니 다.css 속성 에 position 속성 이 있 는 상위 요소 가 없 으 면 기본적으로 BODY 요 소 를 참고 대상 으로 합 니 다.문법:이벤트.y 설명:이벤트 가 실 행 된 후 마우스 가 창 밖으로 이동 하면 되 돌아 오 는 값 은-1 입 니 다.이것 은 읽 기 전용 속성 입 니 다.이것 은 마우스 의 현재 위 치 를 얻 을 수 있 을 뿐 마우스 의 위 치 를 변경 할 수 없다 는 것 을 의미한다.위의 이 이 벤트 는 업무 중 에 확실히 나 에 게 많은 도움 을 주 었 기 때문에 나 는 그것 을 기억 했다.하하.최근 에 AJAX 를 보면 작은 문제 가 있 습 니 다.WebService 를 호출 할 때 파일 경로 가 잘못 되 었 습 니 다.저 는 새로 만 든 프로젝트 템 플 릿 이 다 르 기 때문에 발생 하 는 WebServive 의 형식 도 다 르 고 해결 방안 도 아직 찾 지 못 했 습 니 다.연구 중 입 니 다.다음은 AJAX 를 배 우 는 주 소 를 제공 합 니 다.http://www.cnblogs.com/JeffreyZhao/archive/2007/03/12/ASP_NET_AJAX_MSDN_Webcast_Feedback.html 는 조 사장 이 한 것 으로 비교적 상세 하고 깊이 있 게 말 하 며 그 가 더 많은 학습 데 모 를 내 놓 을 수 있 기 를 바 랍 니 다.............................................함께 나누다

좋은 웹페이지 즐겨찾기