14.事件对象

JavaScript

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

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