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

當在 HTML 頁面中使用 JavaScript 時，JavaScript 能夠“應對”這些事件。

HTML 事件

HTML 事件可以是瀏覽器或使用者做的某些事情。

下面是 HTML 事件的一些例子：

• HTML 網頁完成載入
• HTML 輸入欄位被修改
• HTML 按鈕被點選

通常，當事件發生時，使用者會希望做某件事。

JavaScript 允許您在事件被偵測到時執行程式碼。

通過 JavaScript 程式碼，HTML 允許您向 HTML 元素新增事件處理程式。

使用單引號：

<element event='一些 JavaScript'>

使用雙引號：

<element event="一些 JavaScript">

在下面的例子中，onclick屬性（以及程式碼）被新增到<button>元素：

例項

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

在上面的例子中，JavaScript 程式碼改變了 id="demo" 的元素的內容。

在接下來的例子中，程式碼（使用this.innerHTML）改變了其自身元素的內容：

例項

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

JavaScript 程式碼通常有很多行。事件屬性呼叫函式更為常見：

例項

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

常見的 HTML 事件

下面是一些常見的 HTML 事件：

常見的 HTML 事件

下面是一些常見的 HTML 事件：