回到目錄

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

下面我將JS中幾個主要的事件說一下，然后再說一下觸發事件的幾個方法。

JS中的主要事件說明

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

onclick 鼠標點擊某個對象

ondblclick 鼠標雙擊某個對象

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

onfocus元素獲得焦點

onkeydown某個鍵盤的鍵被按下

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

onkeyup某個鍵盤的鍵被松開

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

onmousedown某個鼠標按鍵被按下

onmousemove鼠標被移動

onmouseout鼠標從某元素移開

onmouseover鼠標被移到某元素之上

onmouseup 某個鼠標按鍵被松開

onselect 文本被選定

onsubmit 提交按鈕被點擊

onunload 用戶退出頁面

JS中事件的調用方式

一 在HTML標記中直接指定事件，代碼如下：

<script type="text/javascript">//onclick事件指向的方法 function clickFun() {alert("誰觸發了我，單擊事件");}//onerror事件指向的方法 function imgErrorFun(o) {o.src = "http://static.googleadsserving.cn/pagead/imgad?id=CICAgICQk9vj-gEQeBjYBDIIImM2eyikBWY";}//鼠標移入 function overFun(o) {o.style.background = "red";}//鼠標移出 function outFun(o) {o.style.background = "#fff";}</script>

二 直接在JS代碼塊中動態為元素分配事件

window.onload = function () {document.getElementById("haha").onclick = function () { alert("誰觸發了我，單擊事件"); }document.getElementById("haha").onclick = function () { clickFun(); }}

事實上，使用純JS去實現一些頁面中的效果是沒有問題的，但是在使用上確實不方便，所以目前出現了很多流行的，兼容性好的，使用方便的JS類庫，如JQ，prototype,ExtJS等等！

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

感謝您的閱讀！

回到目錄

轉載于:https://www.cnblogs.com/lori/archive/2013/01/25/2877387.html

總結

以上是生活随笔為你收集整理的Javascript基础与面向对象基础~第六讲 Javascript中的事件机制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。