之所以我会写这个博客，因为我一直知道focus是获得焦点的时候，却仍然不知道什么是焦点。
我在菜鸟教程（w3school）里面看了案例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(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>当你离开输入框, 函数将被触发将输入文字转换成大写。</p>
</body>
</html>
就是当我鼠标移入input输入框，并且点击之后，就触发了onfocus,同理当我鼠标移开并且点击外面的时候，触发了onblur（另一个例子）。
此时我产生了个疑问，这根onclick有什么区别？
答案：
其实，我只是找到了获取焦点的一个方式，焦点指的就是鼠标光标可以输入文字的地方，除了我点击input获得之外，还有可能用tab键盘等方式获得，那么我的问题就迎刃而解了，获得焦点是浏览器的一个事件，跟click也许有时候相同，但也是点击之后触发了focus事件才会触发例子中的函数。
从此时候我再也不会忘记什么是focus和blur啦 _
网友评论