onblur和onmouseover有什么比较大的区别-慕课网

首页课程实战体系课手记专栏慕课教程

onblur和onmouseover有什么比较大的区别

来源：6-6 失焦事件（onblur）

Adorrable坛子

2015-07-25 14:20

如题。感觉都是鼠标移开时提示的。。。

写回答关注

3回答

世界和平ad

2015-07-25 14:55:52

已采纳
```
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Demo</title>
		<script type="text/javascript">
			function on(){
				alert("触发onmouseover");
			}
			function out(){
				alert("失去焦点，触发onblur");
			}
		</script>
	</head>
	<body>
		<p>点击输入框后再点其他地方就会触发onblur;<br/>焦点在按钮上，就会触发onmouseover.</p>
		<input type="tetx" onblur="out()"><input type="button" value="按钮" onmouseover="on()">
	</body>
</html>
```
临时写了一下，自己多写多试，不行了再问。
3 0

世界和平ad 回复Adorra...

恩，我也有不对的地方，onblur and onmouseout是不一样的，onblur&onfocus和onmouseover&onmouseout的区别在于：前者是因为焦点的有无而触发，后者是鼠标在指定元素上移入移出鼠标触发。焦点就像是我写的这个输入框一样，点击之后就是输入状态，也就是获得焦点，点击其他地方，就失去了焦点了。失去焦点和移开的区别我也说不清楚，以后再深入了解吧。

2015-07-25 15:39:51

共 3 条回复 >
ternenceZz

2015-08-28 17:26:02

onblur失去焦点是，你之前是点击了这个输入框，输入框处于高亮状态（光标在闪）然后你点击其他地方，这时会触发失焦，并且弹出提示框，而onmouseover是只要你鼠标移动上去就会触发，是不需要点击的，onmouseout也是一样把鼠标移走就会触发，也是不需要点击的。

0 4
世界和平ad

2015-07-25 14:37:45

onblur是鼠标移开时触发的，而onmouseover是移入时触发的。

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

onclick、onfocus、onmouseover有什么区别，在此例子中

回答 2

onfocus事件跟onmouseover事件有什么区别呢？

回答 1

为什么有的空隙比较大呢？？？？

回答 1

求大神帮我比较一下两种写法的区别

回答 1

设置100和1000的分别在哪里为什么我设置比较感觉没区别？

回答 3

打开慕课网App查看更多内容