您现在的位置是:首页 > Web设计

Web设计

javascript Event对象详解

2020-11-21 11:27:12 Web设计 admin
Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的event对象。注意:1,event对象只在事件发生的过程中才有效。2,event的
Event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的event对象。

注意:
1,event对象只在事件发生的过程中才有效。
2,event的某些属性只对特定的事件有意义。比如,fromElement和toElement属性只对nmouseover和onmouseout事件有意义。

event属性列表:
altKey,button,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.button
描述:检查按下的鼠标键。
语法:event.button
可能的值:
0没按键
1按左键
2按右键
3按左右键
4按中间键
5按左键和中间键
6按右键和中间键
7按所有的键
这个属性仅用于onmousedown,onmouseup,和onmousemove事件。对其他事件,不管鼠标状态如何,都返回0(比如onclick)。

3.cancelBubble
描述:检测是否接受上层元素的事件的控制。
语法:event.cancelBubble[=cancelBubble]
可能的值:
这是一个可读写的布尔值:
TRUE不被上层原素的事件控制。
FALSE允许被上层元素的事件控制。这是默认值。
例子:
下面的代码片断演示了当在图片上点击(onclick)时,如果同时shift键也被按下,就取消上层元素(body)上的事件onclick所引发的showSrc()函数。
<SCRIPTLANGUAGE="JScript">
functioncheckCancel(){
if(window.event.shiftKey)
window.event.cancelBubble=true;
}
functionshowSrc(){
if(window.event.srcElement.tagName=="IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODYonclick="showSrc()">
<IMGonclick="checkCancel()"SRC="sample.gif">