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了。