JavaScript?事件

HTML 事件是發(fā)生在 HTML 元素上的事情。

當(dāng)在 HTML 頁面中使用 JavaScript 時(shí)， JavaScript 可以觸發(fā)這些事件。

HTML 事件

HTML 事件可以是瀏覽器行為，也可以是使用者行為。

以下是HTML 事件的實(shí)例：

HTML 頁面完成載入

HTML input 欄位改變時(shí)

HTML 按鈕被點(diǎn)選

#通常，當(dāng)事件發(fā)生時(shí)，你可以做些事情。

在事件觸發(fā)時(shí) JavaScript 可以執(zhí)行一些程式碼。

HTML 元素中可以新增事件屬性，使用 JavaScript 程式碼來新增 HTML 元素。

單引號(hào):

雙引號(hào):

在以下實(shí)例中，按鈕元素中加入了onclick 屬性(並加上程式碼):

  php中文網(wǎng)(php.cn) 現(xiàn)在的時(shí)間是?

以上實(shí)例中，JavaScript 程式碼將修改id="demo" 元素的內(nèi)容。

在下一個(gè)實(shí)例中，程式碼會(huì)修改自身元素的內(nèi)容 (使用?this.innerHTML):

  php中文網(wǎng)(php.cn) 現(xiàn)在的時(shí)間是?

JavaScript程式碼通常是幾行程式碼。比較常見的是透過事件屬性來呼叫： ? ?

常見的HTML事件

下面是一些常見的HTML事件的清單:

事件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?#??? ? ? ? ?HTML 元素改變? ?onclick ? ? ? ? ? ? ? ? ? ? ? ? 使用者中點(diǎn)選HTML元素? ?

onmouseover ? ?使用者在一個(gè)HTML元素上移動(dòng)滑鼠? ?

#o#onkeydown 按下鍵onload ? ? ? ? ? ? ? ? ? ? ?瀏覽器完成頁面上的載入? ?

JavaScript 可以做什麼?

事件可以用來處理表單驗(yàn)證，使用者輸入，使用者行為及瀏覽器動(dòng)作:

頁面載入時(shí)觸發(fā)事件

頁面關(guān)閉時(shí)觸發(fā)事件

使用者點(diǎn)擊按鈕執(zhí)行動(dòng)作

#驗(yàn)證使用者輸入內(nèi)容的合法性