1. 程式人生 > >Dom EVENT對象

Dom EVENT對象

nodetype rip ima event對象 相對 AS window .sh 屏幕

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."); }

  

Dom EVENT對象