らだ天堂√在线中文www,free性欧美hd另类

首頁

web前端

js教程

【JavaScript教學】JavaScript 事件

黃舟

Dec 24, 2016 pm 02:57 PM

JavaScript?事件

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

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

HTML 事件

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

以下是 HTML 事件的實例：

HTML 頁面完成載入

HTML input 欄位改變時

HTML 按鈕被點擊

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

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

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

單引號:

<some-HTML-element some-event=&#39;some JavaScript&#39;>

雙引號:

<some-HTML-element some-event="some JavaScript">

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

實例

<button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>The time is?</button>

以上實例中，Javad=" demo" 元素的內(nèi)容。

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

實例

<button onclick="this.innerHTML=Date()">The time is?</button>

JavaScript程式碼通常是幾行程式碼。比較常見的是通過事件屬性來調(diào)用：

實例

<button onclick="displayDate()">The time is?</button>

常見的HTML事件

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

事件

描述

onchange ? ?HTML 元素改變? ?

onclick ? ?使用者點選HTML 元素? ?

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

onmouseout ??? ?瀏覽器已完成頁面的載入? ?

更多事件清單:?JavaScript 參考手冊- HTML DOM 事件。

JavaScript 可以做什麼?

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

頁面加載時觸發(fā)事件

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

用戶點擊按鈕執(zhí)行動作

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

等等...

可以使用多種方法來執(zhí)行JavaScript 事件代碼：

HTML 事件屬性可以直接執(zhí)行JavaScript 程式碼

HTML 事件屬性可以呼叫JavaScript 函數(shù)

你可以調(diào)用為HTML 元素指定自己的事件處理程序

你可以阻止事件的發(fā)生。

等等 ...

在 HTML DOM 章節(jié)中你將會學到更多關(guān)於事件及事件處理程序的知識。

? ?

?以上就是【JavaScript教學】JavaScript 事件的內(nèi)容，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)（www.miracleart.cn）！

本網(wǎng)站聲明

本文內(nèi)容由網(wǎng)友自願投稿，版權(quán)歸原作者所有。本站不承擔相應(yīng)的法律責任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請聯(lián)絡(luò)admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片

熱工具

熱門話題

gmail信箱登陸入口在哪裡

8638

Java教學

1783

CakePHP 教程

1729

Laravel 教程

1579

PHP教程

1444

Related knowledge

Java vs. JavaScript：清除混亂 Jun 20, 2025 am 12:27 AM

Java和JavaScript是不同的編程語言，各自適用於不同的應(yīng)用場景。 Java用於大型企業(yè)和移動應(yīng)用開發(fā)，而JavaScript主要用於網(wǎng)頁開發(fā)。

JavaScript評論：簡短說明 Jun 19, 2025 am 12:40 AM

JavascriptconcommentsenceenceEncorenceEnterential gransimenting，reading and guidingCodeeXecution.1）單inecommentsareusedforquickexplanations.2）多l(xiāng)inecommentsexplaincomplexlogicorprovideDocumentation.3）

如何在JS中與日期和時間合作？ Jul 01, 2025 am 01:27 AM

JavaScript中的日期和時間處理需注意以下幾點：1.創(chuàng)建Date對像有多種方式，推薦使用ISO格式字符串以保證兼容性；2.獲取和設(shè)置時間信息可用get和set方法，注意月份從0開始；3.手動格式化日期需拼接字符串，也可使用第三方庫；4.處理時區(qū)問題建議使用支持時區(qū)的庫，如Luxon。掌握這些要點能有效避免常見錯誤。

為什麼要將標籤放在的底部？ Jul 02, 2025 am 01:22 AM

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScript與Java：開發(fā)人員的全面比較 Jun 20, 2025 am 12:21 AM

JavaScriptIspreferredforredforwebdevelverment，而Javaisbetterforlarge-ScalebackendsystystemsandSandAndRoidApps.1）JavascriptexcelcelsincreatingInteractiveWebexperienceswebexperienceswithitswithitsdynamicnnamicnnamicnnamicnnamicnemicnemicnemicnemicnemicnemicnemicnemicnddommanipulation.2）

JavaScript：探索用於高效編碼的數(shù)據(jù)類型 Jun 20, 2025 am 12:46 AM

javascripthassevenfundaMentalDatatypes：數(shù)字，弦，布爾值，未定義，null，object和symbol.1）numberSeadUble-eaduble-ecisionFormat，forwidevaluerangesbutbecautious.2）

什麼是在DOM中冒泡和捕獲的事件？ Jul 02, 2025 am 01:19 AM

事件捕獲和冒泡是DOM中事件傳播的兩個階段，捕獲是從頂層向下到目標元素，冒泡是從目標元素向上傳播到頂層。 1.事件捕獲通過addEventListener的useCapture參數(shù)設(shè)為true實現(xiàn)；2.事件冒泡是默認行為，useCapture設(shè)為false或省略；3.可使用event.stopPropagation()阻止事件傳播；4.冒泡支持事件委託，提高動態(tài)內(nèi)容處理效率；5.捕獲可用於提前攔截事件，如日誌記錄或錯誤處理。了解這兩個階段有助於精確控制JavaScript響應(yīng)用戶操作的時機和方式。