JavaScript 事件

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

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

HTML 事件

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

以下是 HTML 事件的例項：

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

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

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

單引號:

<some-HTML-element some-event='JavaScript 程式碼'>

雙引號:

<some-HTML-element some-event="JavaScript 程式碼">

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

<button onclick="getElementById('demo').innerHTML=Date()">現在的時間是?</button>

嘗試一下 ?

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

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

<button onclick="this.innerHTML=Date()">現在的時間是?</button>

嘗試一下 ?

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

<button onclick="displayDate()">現在的時間是?</button>

嘗試一下 ?

下面是一些常見的HTML事件的列表:

更多事件列表: JavaScript 參考手冊 - HTML DOM 事件。

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

可以使用多種方法來執行 JavaScript 事件程式碼：

	在 HTML DOM 章節中你將會學到更多關於事件及事件處理程式的知識。