用于網(wǎng)站制作教程的JavaScript客戶端鼠標(biāo)事件驅(qū)動程序
  • 更新時間:2024-10-28 06:27:13
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 190

JavaScript 是一種基于對象的語言?;趯ο蟮幕咎卣魇蔷W(wǎng)站設(shè)計采用事件驅(qū)動。用戶在客戶端使用鼠標(biāo)或熱鍵的動作稱為事件,由鼠標(biāo)或熱鍵觸發(fā)的一系列程序動作稱為事件驅(qū)動。主要有以下事件:單擊事件(onClick )

當(dāng)用戶點擊鼠標(biāo)按鍵時,會產(chǎn)生onClick事件,并調(diào)用并執(zhí)行onClick指定的事件處理程序。通常點擊事件應(yīng)用于按鈕(button object)、復(fù)選框(checkbox)、單選按鈕(radio button)、重置按鈕(reset button)、提交按鈕(submit button)。

例如:

單擊事件代碼

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

單擊事件

更改事件(onChange)

更改事件代碼

更改事件(onChange)代碼

將以上代碼保存為“onchange.htm”,用瀏覽器打開,更改文本框的值,頁面提示如圖1.22所示。

onchange事件

一旦文本框的值發(fā)生變化,就會觸發(fā)onChange事件,執(zhí)行check函數(shù)。選中事件(onSelect)

選中事件代碼

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

選中事件(onSelect)加載事件(onLoad)

加載事件(onLoad)代碼

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

加載事件(onLoad)

load事件在剛進(jìn)入頁面時執(zhí)行。卸載事件(onUnload)

卸載事件(onUnload)代碼

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

卸載事件(onUnload)

離開頁面時執(zhí)行unload 事件。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/12018.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部