天天看點

Javascript基礎與面向對象基礎~第六講 Javascript中的事件機制

事件機制,在JS中感覺很容易讓人接受,一個滑鼠被按下時會發生一些事情,一個鍵盤的鍵被擡起時同樣可以發生一些事情,這種比喻很容易讓人接受,不是嗎,呵呵。

下面我将JS中幾個主要的事件說一下,然後再說一下觸發事件的幾個方法。

以下是我們在項目開發中常用到的事件,紅色的為最常用的事件,呵呵

onclick 滑鼠點選某個對象

ondblclick 滑鼠輕按兩下某個對象

onerror 當加載文檔或圖像時發生某個錯誤

onfocus元素獲得焦點

onkeydown某個鍵盤的鍵被按下

onkeypress某個鍵盤的鍵被按下或按住

onkeyup某個鍵盤的鍵被松開

onload某個頁面或圖像被完成加載

onmousedown某個滑鼠按鍵被按下

onmousemove滑鼠被移動

onmouseout滑鼠從某元素移開

onmouseover滑鼠被移到某元素之上

onmouseup 某個滑鼠按鍵被松開

onselect 文本被標明

onsubmit 送出按鈕被點選

onunload 使用者退出頁面

一 在HTML标記中直接指定事件,代碼如下:

二 直接在JS代碼塊中動态為元素配置設定事件

事實上,使用純JS去實作一些頁面中的效果是沒有問題的,但是在使用上确實不友善,是以目前出現了很多流行的,相容性好的,使用友善的JS類庫,如JQ,prototype,ExtJS等等!

好了,時間不早了,今天的JS事件内容就講到這裡吧,沒什麼難的東西都是實驗性的,自己寫寫就有了,呵呵 。

感謝您的閱讀!

繼續閱讀