JavaScript事件驅(qū)動及事件處理

字號:

1、基本概念
    JavaScript是基于對象(object-based)的語言。這與Java不同,Java是面向?qū)ο蟮恼Z言。而基于對象的基本特征,就是采用事件驅(qū)動(event-driven)。它是在用形界面的環(huán)境下,使得一切輸入變化簡單化。通常鼠標或熱鍵的動作我們稱之為事件(Event),而由鼠標或熱鍵引發(fā)的一連串程序的動作,稱之為事件驅(qū)動(Event Driver)。而對事件進行處理程序或函數(shù),我們稱之為事件處理程序(Event Handler)。
    2、事件處理程序
    在JavaScript中對象事件的處理通常由函數(shù)(Function)擔任。其基本格式與函數(shù)全部一樣,可以將前面所介紹的所有函數(shù)作為事件處理程序。
    格式如下:
    Function 事件處理名(參數(shù)表){
    事件處理語句集;
    ……
    }
    3、事件驅(qū)動
    JavaScript事件驅(qū)動中的事件是通過鼠標或熱鍵的動作引發(fā)的。它主要有以下幾個事件:
    (1)單擊事件onClick
    當用戶單擊鼠標按鈕時,產(chǎn)生onClick事件。同時onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行。通常在下列基本對象中產(chǎn)生:
    button(按鈕對象)
    checkbox(復(fù)選框)或(檢查列表框)
    radio (單選鈕)
    reset buttons(重要按鈕)
    submit buttons(提交按鈕)
    例:可通過下列按鈕激活change()文件:
    

    
    

    在onClick等號后,可以使用自己編寫的函數(shù)作為事件處理程序,也可以使用JavaScript中內(nèi)部的函數(shù)。還可以直接使用JavaScript的代碼等。例:
        2)onChange改變事件
    當利用text或texturea元素輸入字符值改變時發(fā)該事件,同時當在select表格項中一個選項狀態(tài)改變后也會引發(fā)該事件。
    例:
    

    
    

    (3)選中事件onSelect
    當Text或Textarea對象中的文字被加亮后,引發(fā)該事件。
    (4)獲得焦點事件onFocus
    當用戶單擊Text或textarea以及select對象時,產(chǎn)生該事件。此時該對象成為前臺對象。
    (5)失去焦點onBlur
    當text對象或textarea對象以及select對象不再擁有焦點、而退到后臺時,引發(fā)該文件,他與onFocas事件是一個對應(yīng)的關(guān)系。
    (6)載入文件onLoad
    當文檔載入時,產(chǎn)生該事件。onLoad一個作用就是在首次載入一個文檔時檢測cookie的值,并用一個變量為其賦值,使它可以被源代碼使用。
    (7)卸載文件onUnload
    當Web頁面退出時引發(fā)onUnload事件,并可更新Cookie的狀態(tài)。