14.事件对象

• 事件对象：
  当事件发生时，浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。

• 事件对象的属性：
  
  格式：event.属性

data	返回拖拽对象的URL字符串（dragDrop）
width	该窗口或框架的高度
height	该窗口或框架的高度
pageX	光标相对于该网页的水平位置
pageY	光标相对于该网页的垂直位置
screenX	光标相对于该屏幕的水平位置
screenY	光标相对于该屏幕的垂直位置
target	该事件被传送到的对象
type	事件的类型
which	数值表示的键盘或鼠标键：1/2/3（左键/中键/右键）
layerX	光标相对于事件发生层的水平位置
layerY	光标相对于事件发生层的垂直位置
x	相当于layerX
y	相当于layerY

例1：
<Script>

function getEvent(evnt) {
eventWin = open ('','','width=200,height=100');
with (eventWin.document) {
     write("事件类型：", event.type);
     write("<br>鼠标的x坐标：", event.screenX);
     write("<br>鼠标的y坐标：", event.screenY);
}
}

document.write ("单击...")
document.onmousedown = getEvent;
</Script>

 

例2：
<Script>

function getCoordinate(evnt) {

if (document.all) {
   x = event.screenX;
   y = event.screenY;
}
else {
   x = evnt.screenX;
   y = evnt.screenY;
}
status = "水平坐标："+ x + "；垂直坐标："+ y;
}

document.onmousemove = getCoordinate;

</Script>

例3：
<Script>

function whichKey(evnt) {

if (document.all) {
    x = event.button;
    if( x==1 ) alert("你单击了左键");
    if( x==2 ) alert("你单击了右键");
}

else {
    x = evnt.button;
    if( x==1 ) alert("你单击了左键");
    if( x==3 ) alert("你单击了右键");
    return false;
}
}

document.onmousedown = whichKey;
document.write("请单击鼠标左/右键");

</Script>