Javascript事件

1、基本概念
  JavaScript是基於對象(object-based)的語言。這與Java不同,Java是面向對象的語言。而基於對象的基本特徵,就是採用事件驅動(event-driven)。它是在用形界面的環境下,使得一切輸入變化簡單化。通常鼠標或熱鍵的動作我們稱之爲事件(Event),而由鼠標或熱鍵引發的一連串程序的動作,稱之爲事件驅動(Event Driver)。而對事件進行處理程序或函數,我們稱之爲事件處理程序(Event Handler)。

2、事件處理程序
  在JavaScript中對象事件的處理通常由函數(Function)擔任。其基本格式與函數全部一樣,可以將前面所介紹的所有函數作爲事件處理程序。
格式如下:
Function 事件處理名(參數表){
事件處理語句集;
……
}

3、事件驅動
  JavaScript事件驅動中的事件是通過鼠標或熱鍵的動作引發的。它主要有以下幾個事件:
(1)單擊事件onClick
  當用戶單擊鼠標按鈕時,產生onClick事件。同時onClick指定的事件處理程序或代碼將被調用執行。通常在下列基本對象中產生:
button(按鈕對象)
checkbox(複選框)或(檢查列表框)
radio (單選鈕)
reset buttons(重要按鈕)
submit buttons(提交按鈕)
例:可通過下列按鈕激活change()文件:

以下是引用片段:
<Form>
<Input type="button" Value=“ ” onClick="change()">
</Form>

在onClick等號後,可以使用自己編寫的函數作爲事件處理程序,也可以使用JavaScript中內部的函數。還可以直接使用JavaScript的代碼等。例:
<Input type="button" value=" " onclick=alert("這是一個例子");
2)onChange改變事件
  當利用text或texturea元素輸入字符值改變時發該事件,同時當在select表格項中一個選項狀態改變後也會引發該事件。
例:
以下是引用片段:
<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>
(3)選中事件onSelect
  當Text或Textarea對象中的文字被加亮後,引發該事件。
(4)獲得焦點事件onFocus
  當用戶單擊Text或textarea以及select對象時,產生該事件。此時該對象成爲前臺對象。
(5)失去焦點onBlur
  當text對象或textarea對象以及select對象不再擁有焦點、而退到後臺時,引發該文件,他與onFocas事件是一個對應的關係。
(6)載入文件onLoad
  當文檔載入時,產生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,並用一個變量爲其賦值,使它可以被源代碼使用。
(7)卸載文件onUnload
  當Web頁面退出時引發onUnload事件,並可更新Cookie的狀態。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章