JavaScript中的事件處理

2024-05-06 14:18:34

字體：大中小

來源：轉載

供稿：網友

事件處理概述
　　事件處理是對象化編程的一個很重要的環節，沒有了事件處理，程序就會變得很死，缺乏靈活性。事件處理的過程可以這樣表示：發生事件 - 啟動事件處理程序 - 事件處理程序作出反應。其中，要使事件處理程序能夠啟動，必須先告訴對象，如果發生了什么事情，要啟動什么處理程序，否則這個流程就不能進行下去。事件的處理程序可以是任意 JavaScript 語句，但是我們一般用特定的自定義函數（function）來處理事情。
指定事件處理程序有三種方法：
方法一直接在 HTML 標記中指定。這種方法是用得最普遍的。方法是：
<標記 ... ... 事件="事件處理程序" [事件="事件處理程序" ...]>

讓我們來看看例子：
<body ... onload="alert('網頁讀取完成，請慢慢欣賞！')" onunload="alert('再見！')">

這樣的定義<body>標記，能使文檔讀取完畢的時候彈出一個對話框，寫著“網頁讀取完成，請慢慢欣賞”；在用戶退出文檔（或者關閉窗口，或者到另一個頁面去）的時候彈出“再見”。
方法二編寫特定對象特定事件的 JavaScript。這種方法用得比較少，但是在某些場合還是很好用的。方法是：
<script language="JavaScript" for="對象" event="事件">
...
(事件處理程序代碼)
...
</script>

<script language="JavaScript" for="window" event="onload">
alert('網頁讀取完成，請慢慢欣賞！');
</script>

方法三在 JavaScript 中說明。方法：
<事件主角 - 對象>.<事件> = <事件處理程序>;

用這種方法要注意的是，“事件處理程序”是真正的代碼，而不是字符串形式的代碼。如果事件處理程序是一個自定義函數，如無使用參數的需要，就不要加“()”。
function ignoreError() {
return true;
}
window.onerror = ignoreError; // 沒有使用“()”

這個例子將 ignoreError() 函數定義為 window 對象的 onerror 事件的處理程序。它的效果是忽略該 window 對象下任何錯誤（由引用不允許訪問的 location 對象產生的“沒有權限”錯誤是不能忽略的）。

事件詳解

onblur 事件發生在窗口失去焦點的時候。應用于：window 對象

onchange 事件發生在文本輸入區的內容被更改，然后焦點從文本輸入區移走之后。捕捉此事件主要用于實時檢測輸入的有效性，或者立刻改變文檔內容。應用于：Password 對象；Select 對象；Text 對象；Textarea 對象

上一篇：JavaScipt基本教程之前言

下一篇：解讀IE和firefox下JScript和HREF的執行順序