JavaScript 事件

JavaScript 事件

HTML 事件是發生在 HTML 元素上的事情。

當在 HTML 頁面中使用 JavaScript 時， JavaScript 可以觸發這些事件。

HTML 事件

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

以下是HTML 事件的實例：

HTML 頁面完成載入

HTML input 欄位改變時

HTML 按鈕被點選

#通常，當事件發生時，你可以做些事情。

在事件觸發時 JavaScript 可以執行一些程式碼。

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

單引號:

雙引號:

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

  php中文网(php.cn) 现在的时间是?

以上實例中，JavaScript 程式碼將修改id="demo" 元素的內容。

在下一個實例中，程式碼會修改自身元素的內容 (使用 this.innerHTML):

  php中文网(php.cn) 现在的时间是?

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

常見的HTML事件

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

事件                                     #           HTML 元素改變   onclick                         使用者中點選HTML元素   

onmouseover    使用者在一個HTML元素上移動滑鼠   

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

JavaScript 可以做什麼?

事件可以用來處理表單驗證，使用者輸入，使用者行為及瀏覽器動作:

頁面載入時觸發事件

頁面關閉時觸發事件

使用者點擊按鈕執行動作

#驗證使用者輸入內容的合法性