javascript中事件

來源:互聯網
上載者:User

事件處理函數/監聽函數:

 

IE:

      attachEvent():函數被作為事件處理參數添加。

      detachEvent():事件處理函數列表中尋找指定的函數,然後刪除該函數。

     他們都有兩個參數,要分配的事件處理函數的名字以及一個函數。

      eg:

             var
odiv=document.getElementById("div");

            
odiv.attchEvent("onclick",fclick);

            
odiv.detachEvent("onclick",fclick);

    傳統方法:odiv.onclick=fclick,相當於另一種attachEvent()的調用。

 

DOM:      

       addEventListener()和removeEventListener()方法來分配和刪除事件處理函數。

        有三個參數:事件名稱,要分配的函數和處理函數是用於何種處理階段(true是冒泡階段,false是捕     

                                   
捉階段)。

擷取事件類型:

 

    var sType=oEvent.type.

    eg:

function handleEvent(oEvent)

  {

    if
(oEvent.type=="click")

    {

 
alert("Clicked");

    }

else if(oEvent.type=="mouseover")

{

 
alert("mouseover");

}

  }

 

 
odiv.onclick=handleEvent;

 
odiv.mouseover=handleEvent;

 

擷取按鍵代碼:

 

        var
okeycode=oEvent.keyCode;

 

擷取用戶端座標:

 

        var iclientX=oEvent.clientX;

        var iclientY=oEvent.clientY;

 

檢測shift、alt、ctrl鍵:

 

       var bshift=oEvent.shiftKey;

       var balt=oEvent.altKey;

       var bctrl=oEvent.ctrlKey;

 

擷取螢幕座標:

  

       var
oscreenX=oEvent.screenX;

       var
oscreenY=oEvent.screenY;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.