【JavaScript】window对象_event事件对象

1.event对象属性

event对象可以获取和设置当前事件的有关信息，比如，

获取发生事件的事件源对象，像键盘按下时使用的是哪

个按键，鼠标事件发生时的鼠标位置，以及按下的鼠标

按键是哪个。

主要属性：

altKey属性：用于检测事件发生时，alt键是否被按下(true/false)。

ctrlKey属性：用于检测事件发生时，ctrl键是否被按下(true/false)。

shiftKey属性：用于检测事件发生时，shift键是否被按下(true/false)。

clientX、clientY属性：用于设置和返回鼠标相对窗口客户区顶点的

x,y坐标。所谓窗口客户区，也就是窗口的有效工作区，因为网页上的

内容不可能显示在边框上,所以窗口的有效工作区就是不包含边框和

滚动条的区域。

screenX、screenY属性:用于设置和返回鼠标相对屏幕顶点的x,y坐标。

offsetX、offsetY属性用于设置和返回鼠标相对事件源的x,y坐标。

例如发生事件的按钮的顶点的的x,y坐标。

x、y属性：用于设置和返回鼠标相对事件源的父元素的顶点的x,y坐标。

returnValue属性：用于设置和返回事件的返回值，以便浏览器判断是否

继续对当前事件按照默认的方式来进行处理。一般情况下将这个属性值设

为false，浏览器就会使用默认方式进行处理。

cancelBubble属性：用于设置和返回当前事件是否继续向下传递，例如

单击文档中的图片，在默认情况下，在图片对象上发生onclink事件，

然后在窗口对象上也发生了onclik事件，就相当于”多米诺骨牌”。

cancelBubble=true就不会让事件继续向下传递。

srcElement属性：用于设置和返回发生当前事件的事件源对象。

keyCode属性：用于设置和返回键盘按下和弹起的那个按键的unicode码值。

例子：用户按键盘上任何键，都会返回这个按键的unicode码

按下ESC键关闭浏览器文档窗口

if(window.event.keyCode==27)
{
    window.close();
}

出现一个是否关闭对话框的按钮，而没有直接关闭对话框，

原因是window对像的close方法，只能够直接关闭window

对象的open方法打开的子窗口，而不能直接关闭浏览器程

序本身启动的窗口。

button属性：用于检索鼠标移动、鼠标抬起，鼠标按下时

按下的是哪个鼠标按键。1代表做按键，2代表左按键，3代

表左右按键同时按下或抬起。如果是3个键的鼠标，button

属性还有其他的方法，可以在帮助文档中查看到。

鼠标按键测试代码：

综合测试：按图片会弹出图片的存储路径，

但是按住shift键之后再按图片就不会弹出

​

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.e1idc.net