《js中的event详解》由会员分享，可在线阅读，更多相关《js中的event详解（12页珍藏版）》请在金锄头文库上搜索。
1、JSJS 中的中的 eventevent 详解详解event 代表事件的状态，例如触发 event 对象的元素、鼠标的位置及状态、按下的键等等。event 对象只在事件发生的过程中才有效。event 的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击，并且，如果 shift 键被按下，就取消链接的跳转。codeCancels Linksfunction cancelLink() if (window.event.srcElement.tagName
2、= “A“ 下面的例子在状态栏上显示鼠标的当前位置。code属性：altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y1.altKey描述：检查 alt 键的状态。语法：event.altKey可能的值：当 alt 键按下时，值为 TRUE ，否则为 FALSE
3、 。只读。2.button描述：检查按下的鼠标键。语法：event.button可能的值：0 没按键1 按左键2 按右键3 按左右键4 按中间键5 按左键和中间键6 按右键和中间键7 按所有的键这个属性仅用于 onmousedown, onmouseup, 和 onmousemove 事件。对其他事件，不管鼠标状态如何，都返回 0（比如 onclick） 。3.cancelBubble描述：检测是否接受上层元素的事件的控制。语法：event.cancelBubble = cancelBubble可能的值：这是一个可读写的布尔值:TRUE 不被上层原素的事件控制。FALSE 允许被上层元素的事件
4、控制。这是默认值。例子：下面的代码片断演示了当在图片上点击（onclick）时，如果同时shift 键也被按下，就取消上层元素（body）上的事件 onclick 所引发的 showSrc()函数。codefunction checkCancel() if (window.event.shiftKey)window.event.cancelBubble = true;function showSrc() if (window.event.srcElement.tagName = “IMG“)alert(window.event.srcElement.src);4.clientX描述：返回鼠标在
5、窗口客户区域中的 X 坐标。语法：event.clientX注释：这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。5.clientY描述：返回鼠标在窗口客户区域中的 Y 坐标。语法：event.clientY注释：这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。6.ctrlKey描述：检查 ctrl 键的状态。语法：event.ctrlKey可能的值：当 ctrl 键按下时，值为 TRUE ，否则为 FALSE 。只读。7.fromElement描述：检测 onmouseover 和 onmouseout 事件发生
6、时，鼠标所离开的元素。参考：18.toElement语法：event.fromElement注释：这是个只读属性。8.keyCode描述：检测键盘事件相对应的内码。这个属性用于 onkeydown, onkeyup, 和 onkeypress 事件。语法：event.keyCode = keyCode可能的值：这是个可读写的值，可以是任何一个 Unicode 键盘内码。如果没有引发键盘事件，则该值为 0 。9.offsetX描述：检查相对于触发事件的对象，鼠标位置的水平坐标语法：event.offsetX10.offsetY描述：检查相对于触发事件的对象，鼠标位置的垂直坐标语法：event.o
7、ffsetY11.propertyName描述：设置或返回元素的变化了的属性的名称。语法：event.propertyName = sProperty 可能的值：sProperty 是一个字符串，指定或返回触发事件的元素在事件中变化了的属性的名称。这个属性是可读写的。无默认值。注释：你可以通过使用 onpropertychange 事件，得到 propertyName 的值。例子：下面的例子通过使用 onpropertychange 事件，弹出一个对话框，显示 propertyName 的值。codefunction changeProp()btnProp.value = “This is t
8、he new VALUE“;function changeCSSProp()btnStyleProp.style.backgroundColor = “aqua“;The event object property propertyName isused here to return which property has beenaltered.12.returnValue描述：设置或检查从事件中返回的值语法：event.returnValue = Boolean可能的值：true 事件中的值被返回false 源对象上事件的默认操作被取消例子见本文的开头。13.screenX描述：检测鼠标相对
9、于用户屏幕的水平位置语法：event.screenX注释：这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。14.screenY描述：检测鼠标相对于用户屏幕的垂直位置语法：event.screenY注释：这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。15.shiftKey描述：检查 shift 键的状态。语法：event.shiftKey可能的值：当 shift 键按下时，值为 TRUE ，否则为 FALSE 。只读。16.srcElement描述：返回触发事件的元素。只读。例子见本文开头。语法：event.src
10、Element17.srcFilter描述：返回触发 onfilterchange 事件的滤镜。只读。语法：event.srcFilter18.toElement描述：检测 onmouseover 和 onmouseout 事件发生时，鼠标所进入的元素。参考：7.fromElement语法：event.toElement注释：这是个只读属性。例子：下面的代码演示了当鼠标移到按钮上时，弹出一个对话框，显示“mouse arrived”codefunction testMouse(oObject) if(oObject.contains(event.toElement) alert(“mouse
11、arrived“);:Mouse Over This.19.type描述：返回事件名。语法：event.type注释：返回没有“on”作为前缀的事件名，比如，onclick 事件返回的type 是 click只读。20. x描述：返回鼠标相对于 css 属性中有 position 属性的上级元素的 x 轴坐标。如果没有 css 属性中有 position 属性的上级元素，默认以 BODY 元素作为参考对象。语法：event.x注释：如果事件触发后，鼠标移出窗口外，则返回的值为 -1这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。21. y描述：返回鼠标相对于 css 属性中有 position 属性的上级元素的 y 轴坐标。如果没有 css 属性中有 position 属性的上级元素，默认以 BODY 元素作为参考对象。语法：event.y注释：如果事件触发后，鼠标移出窗口外，则返回的值为 -1这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。
