onfocus onblur onclick 什么是焦点

之所以我会写这个博客，因为我一直知道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啦 ^_

onfocus onblur onclick 什么是焦点

此时我产生了个疑问，这根onclick有什么区别？

答案：

推荐阅读更多精彩内容