javascript 이벤트 이벤트 분석_javascript 기술

이벤트 객체는 이벤트 기간에만 유효합니다. 이벤트의 일부 속성은 특정 이벤트에만 의미가 있습니다. 예를 들어 fromElement 및 toElement 속성은 onmouseover 및 onmouseout 이벤트에만 의미가 있습니다. 예제 다음 예제에서는 링크에서 마우스가 클릭되었는지 확인하고 Shift 키를 누르면 링크 점프를 취소합니다.



< "cancelLink()">
[/code]
다음 예에서는 상태 표시줄에 마우스의 현재 위치를 표시합니다. < BODY onmousemove="window.status = 'X=' window.event.x ' Y=' window.event.y">
속성: altKey, 버튼, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnvalue, screenX, screenY, ShiftKey, srcElement, srcFilter, toElement, type, x, y

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

1.altKey
설명:
Alt 키의 상태를 확인합니다. 구문:
event.altKey 가능한 값:
Alt 키를 누르면 값이 TRUE이고, 그렇지 않으면 FALSE입니다. 읽기 전용입니다.
2.버튼
설명:
눌려진 마우스 버튼을 확인합니다. 구문:
event.button 가능한 값:
0 버튼을 누르지 않음
1 왼쪽 버튼 누르기
2 오른쪽 버튼 누르기
3 왼쪽 버튼 누르기
4 중간 버튼 누르기
5 왼쪽 및 가운데 키 누르기
6 오른쪽 및 가운데 키 누르기
7 모든 키 누르기 이 속성은 onmousedown, onmouseup 및 onmousemove 이벤트에만 사용됩니다. 다른 이벤트의 경우 마우스 상태(예: onclick)에 관계없이 0이 반환됩니다. 3.cancelBubble
설명:
상위 요소의 이벤트 제어 허용 여부를 감지합니다. 구문:
event.cancelBubble[ = cancelBubble] 가능한 값:
읽고 쓸 수 있는 부울 값: TRUE 상위 요소의 이벤트에 의해 제어되지 않습니다.
FALSE를 사용하면 상위 요소의 이벤트로 제어할 수 있습니다. 이것이 기본값입니다. 예:
다음 코드 조각은 이미지를 클릭할 때(onclick) Shift 키도 동시에 누르면 상단 요소(body)의 onclick 이벤트에 의해 트리거되는 showSrc() 함수가 다음과 같이 실행됨을 보여줍니다. 취소. ;BODY onclick="showSrc()">

4.clientX
설명:
마우스 반환 position 창 클라이언트 영역의 X 좌표입니다. 구문:
event.clientX 설명:
이것은 읽기 전용 속성입니다. 즉, 마우스의 현재 위치를 가져오는 데만 사용할 수 있지만 마우스 위치를 변경하는 데는 사용할 수 없습니다.
5.clientY
설명:
창의 클라이언트 영역에서 마우스의 Y 좌표를 반환합니다. 구문:
event.clientY 설명:
이것은 읽기 전용 속성입니다. 즉, 마우스의 현재 위치를 가져오는 데만 사용할 수 있지만 마우스 위치를 변경하는 데는 사용할 수 없습니다.
6.ctrlKey
설명:
Ctrl 키의 상태를 확인하세요. 구문:
event.ctrlKey 가능한 값:
ctrl 키를 누르면 값은 TRUE이고, 그렇지 않으면 FALSE입니다. 읽기 전용입니다.
7.fromElement
설명:
onmouseover 및 onmouseout 이벤트가 발생할 때 마우스가 떠나는 요소를 감지합니다. 참조: 18.toElement 구문:
event.fromElement 댓글:
이것은 읽기 전용 속성입니다.
8.keyCode
설명:
키보드 이벤트에 해당하는 내부 코드를 감지합니다.
이 속성은 onkeydown, onkeyup 및 onkeypress 이벤트에 사용됩니다. 구문:
event.keyCode[ = keyCode]
가능한 값:
이는 읽고 쓸 수 있는 값이며 모든 유니코드 키보드 내부 코드일 수 있습니다. 키보드 이벤트가 발생하지 않은 경우 값은 0 입니다.
9.offsetX
설명:
이벤트를 트리거한 개체를 기준으로 마우스 위치의 수평 좌표를 확인합니다. 구문:
event.offsetX
10.offsetY
설명:
이벤트를 발생시킨 객체를 기준으로 마우스 위치의 수직 좌표를 확인합니다. 구문:
event.offsetY
11.propertyName
설명:
변경된 속성의 이름을 설정하거나 반환합니다. 요소의. 구문:
event.propertyName [ = sProperty ] 가능한 값:
sProperty는 이벤트를 트리거한 요소의 이벤트에서 변경된 속성의 이름을 지정하거나 반환하는 문자열입니다.
이 속성은 읽고 쓸 수 있습니다. 기본값이 없습니다. 참고:
onpropertychange 이벤트를 사용하여 propertyName 값을 가져올 수 있습니다. 예:
다음 예에서는 onpropertychange 이벤트를 사용하여 propertyName 값을 표시하는 대화 상자를 팝업합니다.

코드 복사 코드는 다음과 같습니다.

<SCRIPT> <br>functionchangeProp() <br>{ <br>btnProp.value = "새 값입니다."; <br>} 함수 변경CSSProp() <br>{ <br>btnStyleProp.style.BackgroundColor = "aqua"; <br>} <br></SCRIPT>

이벤트 객체 속성 propertyName은
여기에서 어떤 속성이 변경되었는지
반환하는 데 사용됩니다. value="이 버튼의 값 속성을 변경하려면 클릭하세요."
onpropertychange='alert(event.propertyName " 속성의 값이 변경되었습니다.") '>
onclick="changeCSSProp()"
value="이 버튼의 CSS backgroundColor 속성을 변경하려면 클릭하세요."
onpropertychange='alert(event.propertyName " 속성의 값이 변경되었습니다.")'>

12.returnvalue
描述：
设置或检查从事件中返回的值 语法：
event.returnvalue[ = Boolean] 可能的值：
true 事件中的值被返回
false 源对象上事件的默认操作被取消 例子见本文的开头.
13.screenX
描述：
检测鼠标对于用户屏幕的平位置 语법：
event.screenX
注释:
这是个只读属性.改鼠标的位置。
14. screenY
描述：
检测鼠标个只只读属性。这是个只读属性。着，你只能过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。
15.shiftKey
描述：
检查shift键的状态。
当shift键按下时，值为 TRUE ，否则为 FALSE 。只读。
16.srcElement
描述：
返回触发事件的元素。只读。例子见本文开头。 설명:
이벤트 .srcElement
17.srcFilter
描述：
返回触发 onfilterchange 사건 滤镜。只读。 语法：
event.srcFilter
18.toElement
描述：
检测onmouseover 및 onmouseout 事件发生时，鼠标所进入的元素。 参考：7.fromElement 语법：
event.toElement 注释：
这是个只读属性。 例子：下面的代码演示了当鼠标移到按钮上时，弹ude一个对话框，显示"마우스가 도착했습니다"
<SCRIPT> <br>function testMouse(oObject) { <br>if(oObject.contains(event.toElement)) { <br>alert("마우스 도착"); <br>} <br>} <br></SCRIPT>
:
이 위에 마우스를 올리세요.

19.type 返回事件名。 语法 ：
event.type 注释 ： 返回没有 ""作为前缀的事件名 比如, 比如, Onclick 事件返回的 type 是 "on 클릭
只读。
20. x
描述:
返回鼠标상对于css属性中유지위치는 属性性上级元素의 x轴坐标입니다.作为参考对象。 语法：
event.x 注释:
如果事件触发后,鼠标移值为-1
这是个只读属性.这味着,你只能过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。
21. y
描述：
返回鼠标的对于css属性中有position属性的上级元素的y轴坐标。素작품为参考对象。 语法：
event.y 注释:
如果事件触发后,鼠标移值为-1
这是个只读属性.这味着,你只能过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。