Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

網(wǎng)站制作教程之JavaScript客戶端鼠標事件驅(qū)動大全

Date:2015-12-12 Aource:尚品中國 Type:網(wǎng)站百科
Word Size:small  medium  big

 JavaScript是基于對象的語言?;趯ο蟮幕咎卣魇?a href="http://m.proteomeinstitute.com/" target="_blank">網(wǎng)站設(shè)計采用事件驅(qū)動。用戶在客戶端使用鼠標或熱鍵的動作被稱之為事件,而由鼠標或熱鍵引發(fā)的一連串程序的動作,就被稱之為事件驅(qū)動。主要有以下幾個事件:

單擊事件(onClick )

營銷型網(wǎng)站建設(shè)用戶單擊鼠標按鈕時,產(chǎn)生onClick事件,同時onClick指定的事件處理程序?qū)⒈徽{(diào)用執(zhí)行。通常單擊事件應(yīng)用在button(按鈕對象)、checkbox(復(fù)選框)、radio(單選按鈕)、 reset buttons(重置按鈕)、submit buttons(提交按鈕)。

例如:
單擊事件代碼


將以上代碼保存為“onclick.htm",用瀏覽器打開,單擊“點我”按鈕,結(jié)果如圖1.21所示。
單擊事件

更改事件(onChange)

更改事件代碼
更改事件(onChange)代碼

將以上代碼保存為“onchange.htm",用瀏覽器打開,改變文本框的值,頁面提示如圖1.22所示。
onchange事件
一旦文本框的值改變,即觸發(fā)onChange事件,執(zhí)行check函數(shù)。

選中事件(onSelect)
選中事件代碼

將以上代碼保存為“onselect.htm",用瀏覽器打開.選擇文本域中的一些文字,效果如圖1.23所示。

選中事件(onSelect)


加載事件(onLoad)

加載事件(onLoad)代碼

將以上代碼保存為"onload.htm",用瀏覽器打開,效果如圖1.24所示。

加載事件(onLoad)

加載事件是剛進入頁面時執(zhí)行。

卸載事件(onUnload)

卸載事件(onUnload)代碼

將以上代碼保存為"onunload.htm",用瀏覽器打開,效果如圖1.25所示。
卸載事件(onUnload)

卸載事件是離開頁面時執(zhí)行。
?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.