當前位置:
首頁 > 知識 > JavaScript 事件

JavaScript 事件

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

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



JavaScript 事件

HTML 事件

HTML 事件可以是瀏覽器行為,也可以是用戶行為。

以下是 HTML 事件的實例:

  • HTML 頁面完成載入

  • HTML input 欄位改變時

  • HTML 按鈕被點擊

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

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

HTML 元素中可以添加事件屬性,使用 JavaScript 代碼來添加 HTML 元素。

單引號:

"some JavaScript">

雙引號:

"some JavaScript">

在以下實例中,按鈕元素中添加了 onclick 屬性 (並加上代碼):

實例

JavaScript 事件

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

在下一個實例中,代碼將修改自身元素的內容 (使用 this.innerHTML):

實例

嘗試一下 ?

JavaScript 事件

實例



JavaScript 事件

常見的HTML事件

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

JavaScript代碼通常是幾行代碼。比較常見的是通過事件屬性來調用:


事件 描述
onchange HTML 元素改變
onclick 用戶點擊 HTML 元素
onmouseover 用戶在一個HTML元素上移動滑鼠
onmouseout 用戶從一個HTML元素上移開滑鼠
onkeydown 用戶按下鍵盤按鍵
onload 瀏覽器已完成頁面的載入

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

JavaScript 比較 和 邏輯運算符
JavaScript 注釋
JavaScript 變數
JavaScript 數據類型

TAG:程序員小新人學習 |