                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

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

Adorrable坛子

2015-07-25

源自：JavaScript进阶篇 6-6

关注问题我要回答

4195

操作

收起

3 回答

世界和平ad
2015-07-25

<!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>

临时写了一下，自己多写多试，不行了再问。

0 回复有任何疑惑可以回复我~

收起回答

Adorrable坛子提问者

非常感谢！

2015-07-25 回复有任何疑惑可以回复我~

Adorrable坛子提问者

刚才提问的时候打错了。。本来是想问onblur 和onmouseout 的区别。。这里的失焦和移开区别是什么。。

2015-07-25 回复有任何疑惑可以回复我~

世界和平ad 回复 Adorrable坛子提问者

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

2015-07-25 回复有任何疑惑可以回复我~