我們知道JavaScript和HTML是一起工作的網頁功能。但是這項工作是如何進行的呢?當您使用瀏覽器體驗網頁時，會發生許多事件。這些事件負責使JavaScript語言與HTML交互。

事件是什麼?用戶或瀏覽器為操作網頁而采取的任何行動都將被視為事件，例如:當您單擊頁麵上的一個按鈕、關閉或打開或調整網頁大小、加載或重新加載網頁等。

Web頁麵開發人員使用這些事件對發生的事件編寫JavaScript響應，這有助於JavaScript與HTML交互。這些交互允許網頁執行由用戶或瀏覽器分配的各種操作。要觸發特定的JavaScript代碼，應該觸發負責的事件集。它們是HTML和DOM(文檔對象模型)[第3級]的一部分。

關於事件類型:onclick

最常見的事件類型是onclick。該事件在用戶單擊鼠標左鍵時執行。用戶可根據需要將各種自定義驗證或任何重要警告等附加到此事件。

下麵是一個使用onclick事件類型的JavaScript代碼示例:

     
使用提供的按鈕調用函數
 
  
 
      
      
map
 

程序的輸出是:

使用提供的按鈕調用函數

按鈕顯示的名字，目前的嚐試，點擊它將打開文本第一次嚐試。

關於事件類型:onsubmit

當用戶執行提交表單的操作時，將執行該事件。用戶可根據需要將各種自定義驗證或任何重要警告等附加到此事件。

下麵是一個使用onsubmit事件類型的JavaScript代碼示例:

     
…… 
 
      
      
map
  . html

關於事件類型:onmouseover和onmouseout

如果想要包含光標的懸停動作，可以嚐試使用onmouseover和onmouseout事件類型。onmouseover事件類型幫助您為web頁麵上的元素分配觸發器響應，當您將光標懸停在它們上麵時進行響應，onmouseout事件類型幫助您在將光標從該元素移出時生成觸發器響應。

下麵是一個使用onmouseover和onmouseout事件類型的JavaScript代碼示例:

     
將鼠標懸停在元素上，可以看到提供的輸入數據。
 
      
      
map
 

程序的輸出是:

將鼠標懸停在元素上以查看提供的輸入數據。

為部門輸入數據