js的事件有什麼區別

⑴ js的onmouseover事件 js的onblur事件

js的onmouseover事件和onblur事件的介紹如下：

一、onmouseover事件

• 定義：onmouseover事件是一個滑鼠事件，當滑鼠指針移動到某個元素上時，會觸發該事件。
• 用途：常用於實現滑鼠懸停效果，如顯示提示信息、改變元素樣式等。
• 示例：在HTML中，可以直接在元素標簽內使用onmouseover屬性來綁定事件處理函數，如<div onmouseover="showTip()">懸停我</div>。在JavaScript中，也可以通過addEventListener方法來為元素添加mouseover事件監聽器。

二、onblur事件

• 定義：onblur事件是一個表單事件，當元素失去焦點時（例如，用戶點擊了頁面上的其他元素或輸入框中的內容被清空），會觸發該事件。
• 用途：常用於表單驗證，如檢查用戶輸入的內容是否符合要求。當輸入框失去焦點時，自動觸發驗證邏輯，並顯示相應的提示信息。
• 示例：在HTML中，可以直接在表單元素（如<input>、<textarea>等）的標簽內使用onblur屬性來綁定事件處理函數，如<input type="text" onblur="validateUsername()">。在JavaScript中，同樣可以通過addEventListener方法為元素添加blur事件監聽器。
• 注意：onblur事件與focus事件相反，focus事件在元素獲得焦點時觸發。同時，還有focusin和focusout事件，它們與focus和blur事件類似，但focusin和focusout事件會冒泡。

綜上所述，onmouseover事件和onblur事件在JavaScript中分別用於處理滑鼠懸停和元素失去焦點時的行為，是實現用戶交互和表單驗證的重要工具。

⑵ JS 頁面載入觸發事件 document.ready和onload的區別

一、意思不同

ready，表示文檔結構已經載入完成（不包含圖片等非文字媒體文件）。

onload，指示頁麵包含圖片等文件在內的所有元素都載入完成。

二、作用不同

Dom Ready是在dom載入完成後就可以直接對dom進行操作，比如一張圖片只要<img>標簽完成，不用等這個圖片載入完成，就可以設置圖片的寬高的屬性或樣式等。

Dom Load是在整個document文檔（包括了載入圖片等其他信息）載入完成後就可以直接對dom進行操作，比如一張圖片要等這個圖標載入完成之後才能設置圖片的寬高的屬性或樣式等。

三、用法不同

用原生的js的時候我們通常用onload時間來做一些事情，比如：

window.οnlοad=function(){

//do something

}

或者經常用到的圖片，假設這個

document.getElementById("imgID").οnlοad=function(){

//do something

}

這種就是Dom Load，他的作用或者意義就是:在document文檔載入完成後就可以可以對DOM進行操作，document文檔包括了載入圖片等其他信息。

那麼Dom Load就是在頁面響應載入的順序中的「載入圖片等其他信息」之後，就可以操作Dom了。