                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

onblur和onmouseover有什么比較大的區(qū)別

如題。感覺都是鼠標(biāo)移開時(shí)提示的。。。

Adorrable壇子

2015-07-25

源自：JavaScript進(jìn)階篇 6-6

關(guān)注問題我要回答

4238

操作

收起

3 回答

世界和平ad
2015-07-25

<!DOCTYPE?html>
<html>
	<head>
		<meta?charset="utf-8">
		<title>Demo</title>
		<script?type="text/javascript">
			function?on(){
				alert("觸發(fā)onmouseover");
			}
			function?out(){
				alert("失去焦點(diǎn)，觸發(fā)onblur");
			}
		</script>
	</head>
	<body>
		<p>點(diǎn)擊輸入框后再點(diǎn)其他地方就會(huì)觸發(fā)onblur;<br/>焦點(diǎn)在按鈕上，就會(huì)觸發(fā)onmouseover.</p>
		<input?type="tetx"?onblur="out()"><input?type="button"?value="按鈕"?onmouseover="on()">
	</body>
</html>

臨時(shí)寫了一下，自己多寫多試，不行了再問。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Adorrable壇子提問者

非常感謝！

2015-07-25 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Adorrable壇子提問者

剛才提問的時(shí)候打錯(cuò)了。。本來是想問onblur 和onmouseout 的區(qū)別。。這里的失焦和移開區(qū)別是什么。。

2015-07-25 回復(fù) 有任何疑惑可以回復(fù)我~

#3

世界和平ad 回復(fù) Adorrable壇子提問者

恩，我也有不對的地方，onblur and onmouseout是不一樣的，onblur&onfocus和onmouseover&onmouseout的區(qū)別在于：前者是因?yàn)榻裹c(diǎn)的有無而觸發(fā)，后者是鼠標(biāo)在指定元素上移入移出鼠標(biāo)觸發(fā)。焦點(diǎn)就像是我寫的這個(gè)輸入框一樣，點(diǎn)擊之后就是輸入狀態(tài)，也就是獲得焦點(diǎn)，點(diǎn)擊其他地方，就失去了焦點(diǎn)了。失去焦點(diǎn)和移開的區(qū)別我也說不清楚，以后再深入了解吧。

2015-07-25 回復(fù) 有任何疑惑可以回復(fù)我~

ternenceZz
2015-08-28

onblur失去焦點(diǎn)是，你之前是點(diǎn)擊了這個(gè)輸入框，輸入框處于高亮狀態(tài)（光標(biāo)在閃）然后你點(diǎn)擊其他地方，這時(shí)會(huì)觸發(fā)失焦，并且彈出提示框，而onmouseover是只要你鼠標(biāo)移動(dòng)上去就會(huì)觸發(fā)，是不需要點(diǎn)擊的，onmouseout也是一樣把鼠標(biāo)移走就會(huì)觸發(fā)，也是不需要點(diǎn)擊的。

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答