                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

onblur和onmouseover有什么比較大的區別

如題。感覺都是鼠標移開時提示的。。。

Adorrable壇子

2015-07-25

源自：JavaScript進階篇 6-6

關注問題我要回答

4249

操作

收起

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 回復有任何疑惑可以回復我~