首頁  >  文章  >  web前端  >  JavaScript學習筆記之JS事件物件_基礎知識

JavaScript學習筆記之JS事件物件_基礎知識

WBOY
WBOY原創
2016-05-16 16:18:321386瀏覽

事件對象:當事件發生時,瀏覽器會自動建立該對象,並包含該事件的類型、滑鼠座標等。

  事件物件的屬性:格式:event.屬性。

  一些說明:

  event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的按鍵等等;

  event物件只在事件發生的過程中才有效。

  firefox裡的event跟IE裡的不同,IE裡的是全域變量,隨時可用;firefox裡的要用參數引導才能用,是運行時的臨時變量。

  在IE/O​​pera中是window.event,在Firefox中是event;

  而事件的對象,在IE中是window.event.srcElement,在Firefox中是event.target,Opera中兩者都可用。

綁定事件

  在JS中為某個物件(控制項)綁定事件通常可以採取兩種手段:

  首先在head中定義一個函數:

複製程式碼 程式碼如下:

   

  綁定事件的第一種方法:

      

  綁定事件的第二種方法:

複製程式碼 程式碼如下:

      
      

其他實例

  實例1:

複製程式碼 程式碼如下:




eventTest.html




<script><br />     function mOver(object) {<br />         object.color = "red";<br />     }<br />     function mOut(object) {<br />         object.color = "blue";<br />     }<br /> </script>


            onclick="window.location.href='http://www.baidu.com'"
        onmouseover="mOver(this)" onmouseout="mOut(this)">歡迎造訪



  實例2:

複製程式碼 程式碼如下:




eventTest2.html標題>




頭>

   
        函數 getEvent(事件) {
            alert("事件類型: " event.type);
        }
        document.write("點選...");
        document.onmousedown = getEvent;
    腳本>
身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn