之所以我會(huì)寫(xiě)這個(gè)博客,因?yàn)槲乙恢敝纅ocus是獲得焦點(diǎn)的時(shí)候,卻仍然不知道什么是焦點(diǎn)。
我在菜鳥(niǎo)教程(w3school)里面看了案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥(niǎo)教程(runoob.com)</title>
<script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
輸入你的名字: <input type="text" id="fname" onblur="myFunction()">
<p>當(dāng)你離開(kāi)輸入框, 函數(shù)將被觸發(fā)將輸入文字轉(zhuǎn)換成大寫(xiě)。</p>
</body>
</html>
就是當(dāng)我鼠標(biāo)移入input輸入框,并且點(diǎn)擊之后,就觸發(fā)了onfocus,同理當(dāng)我鼠標(biāo)移開(kāi)并且點(diǎn)擊外面的時(shí)候,觸發(fā)了onblur(另一個(gè)例子)。
此時(shí)我產(chǎn)生了個(gè)疑問(wèn),這根onclick有什么區(qū)別?
答案:
其實(shí),我只是找到了獲取焦點(diǎn)的一個(gè)方式,焦點(diǎn)指的就是鼠標(biāo)光標(biāo)可以輸入文字的地方,除了我點(diǎn)擊input獲得之外,還有可能用tab鍵盤(pán)等方式獲得,那么我的問(wèn)題就迎刃而解了,獲得焦點(diǎn)是瀏覽器的一個(gè)事件,跟click也許有時(shí)候相同,但也是點(diǎn)擊之后觸發(fā)了focus事件才會(huì)觸發(fā)例子中的函數(shù)。
從此時(shí)候我再也不會(huì)忘記什么是focus和blur啦 _