window.이벤트 대상 상세 소개

4394 단어 window
1. 이벤트는 이벤트의 상태를 나타낸다. 예를 들어 이벤트 대상을 촉발하는 요소, 마우스의 위치와 상태, 누르는 키 등이다.이벤트 대상은 이벤트가 발생하는 과정에서만 유효합니다.이벤트의 일부 속성은 특정한 이벤트에만 의미가 있습니다.예를 들어fromElement과 toElement 속성은 onmouseover와 onmouseout 이벤트에만 의미가 있습니다.
2. 속성:
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
3. 속성 상세 설명:
속성 이름
묘사

설명
altKey
alt 키 상태 확인
alt 키를 눌렀을 때 값이 True이고 그렇지 않으면 False입니다
읽기 전용
shiftKey
시프트 키 상태 확인
shift 키를 눌렀을 때, 값은 True이고, 그렇지 않으면 False입니다
읽기 전용
ctrlKey
ctrl 키 상태 확인
ctrl 키를 눌렀을 때, 값은 True이고, 그렇지 않으면 False입니다
읽기 전용
예: (버튼을 눌렀을 때 몇 개의 특수 키가 눌린 상태를 표시한다)
<input type="button" value=" " onClick="show()"/>
<script>
function show(){
 alert("altKey:"+window.event.altKey
  +"
shiftKey:"+window.event.shiftKey +"
ctrlKey:"+window.event.ctrlKey); } </script>

keyCode
키보드 이벤트에 대응하는 내장 부호를 검출하다
읽기 및 쓰기 가능한 모든 유니코드 키보드 내부 번호입니다.키보드 이벤트가 발생하지 않으면 이 값은 0입니다
 :( , Tab )
<input type="text" onKeyDown="nextBlur()"/>
<input type="text"/>
<script>
function nextBlur(){
 if(window.event.keyCode==13)//  code
  window.event.keyCode=9;//Tab code
}
</script>

srcElement
이벤트를 트리거하는 요소를 반환합니다.
Object
읽기 전용
 :( name )
<input type="button" value=" " name=" " onClick="show()"/>
<input type="button" value=" " name=" " onClick="show()"/>
<script>
function show(){
 alert(window.event.srcElement.name);
}
</script>

x,y
현재 브라우저를 기준으로 마우스 위치
px
읽기 전용
clientX,clientY
현재 마우스가 웹 페이지에 상대적인 위치
px
읽기 전용
offsetX,offsetY
마우스가 현재 웹 페이지의 어떤 구역과 상대적인 위치
px
읽기 전용
screenX,screenY
사용자 모니터에 상대적인 위치
px
읽기 전용
설명: 단추를 눌렀을 때 (x,clientX,offsetX,screenX) 쉽게 알 수 있는offsetX;IE 창을 복원해서 (x,clientX,screenX) 받으면screenX를 알 수 있습니다.div의 속성position을 absolute와relative 사이로 전환하면 x와clientX의 차이를 알 수 있습니다.
returnValue
이벤트에서 반환되는 값 설정 또는 확인
true 이벤트의 값이false 원본 대상에 되돌아오는 이벤트의 기본 동작이 취소되었습니다
읽기 및 쓰기 가능

 : 、Ctrl+n、shift+F10、F5 、 
function KeyDown(){ 
 // 、Ctrl+N、Shift+F10、F5 、 
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //  Alt+   ←
       (window.event.keyCode==39))){  //  Alt+   →
     event.returnValue=false;// ALT+ 
  }
  if ((event.keyCode==8) ||      // 
      (event.keyCode==116)||   //  F5  
      (event.keyCode==112)||   //  F1   bitsCN.com  
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
  }
  if ((event.ctrlKey)&&(event.keyCode==78))   // Ctrl+N
     event.returnValue=false;
  if ((event.shiftKey)&&(event.keyCode==121)) // Shift+F10
     event.returnValue=false;
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 
      window.event.returnValue = false;  //  shift  
  if ((window.event.altKey)&&(window.event.keyCode==115)){ // Alt+F4
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogHeight:1px");
      return false;}
}

button
누른 마우스 키 확인
0 버튼 없음 1 왼쪽 버튼 2 오른쪽 버튼 3 왼쪽 버튼 4 가운데 버튼 5 왼쪽 버튼과 가운데 버튼 6 오른쪽 버튼과 가운데 버튼 7 모든 버튼
onmousedown, onmouseup, onmousemove 이벤트에만 사용됩니다.다른 이벤트에 대해 마우스 상태가 어떻든지 간에 0 (예: onclick) 을 되돌려줍니다.
srcElement
onmouseover와 onmouseout 이벤트가 발생했을 때 마우스가 떠난 요소를 검출합니다
Object
읽기 전용
toElement
onmouseover와 onmouseout 이벤트가 발생했을 때 마우스가 들어간 요소를 검출합니다
Object
읽기 전용
type
이벤트 이름으로 돌아가기
'on' 을 접두사로 하지 않은 이벤트 이름을 되돌려줍니다. 예를 들어, onclick 이벤트가 되돌려주는 type은 클릭입니다.
전재:
http://www.cnblogs.com/jhxk/articles/1796203.html

좋은 웹페이지 즐겨찾기