Dom EVENT对象

Posted 2020-11-03 Lilian

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用，函数不会在事件发生前被执行！

一：测试按键

function whichButton(event){
　　var btnNum = event.button;
if (btnNum==2){
　　alert("您点击了鼠标右键！")
  }
else if(btnNum==0)
  {
  alert("您点击了鼠标左键！")
  }
else if(btnNum==1)
  {
  alert("您点击了鼠标中键！");
  }
else
  {
  alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");
  }
}

二：获取鼠标坐标

function show_coords(event)
{
　　x=event.clientX;

　　y=event.clientY;

　　alert("X 坐标: " + x + ", Y 坐标: " + y)
}

　　

三：获取 键盘 按键的 unicode 

function whichButton(event)
{
　　alert(event.keyCode);
}

　　

四：相对于屏幕的 鼠标 坐标

function coordinates(event)
{
　　x=event.screenX;

　　y=event.screenY;

　　alert("X=" + x + " Y=" + y);
}

　　

五：shift 按键是否被  按住

function isKeyPressed(event)
{
  if (event.shiftKey==1)
    {
    　　alert("The shift key was pressed!")
    }
  else
    {
    　　alert("The shift key was NOT pressed!")
    }
  }

　　

六：测试 点击了 何种元素（p,div,或者 image,a and so on.）

function whichElement(e)
{
　　var targ；
　　if (!e) var e = window.event；

　　if (e.target) targ = e.target；

　　else if (e.srcElement) targ = e.srcElement；

　　if (targ.nodeType == 3)； // defeat Safari bug

   targ = targ.parentNode；

　　var tname；

　　tname=targ.tagName；

　　alert("You clicked on a " + tname + " element.")；
}