• 事件对象:

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

    格式: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>