## onfocus //聚焦
##
## onblur //失焦事件
概述：我们可以给任意绑定聚焦，失焦点事件【一般和表单元素一起使用】
### 聚焦与失焦理解（输入账号密码的框里，点击有光标闪烁的时候就是聚焦，移出文本框，光标不闪烁就是失焦）
## 语法
注意：变量名称为获取节点样式的变量名称
```
变量名称.onfocus=function(){
}
```
```
变量名称.onblur=function(){
}
```
验证是否为手机号代码
```
</head>
<body>
<p>请输入你的手机号：<input type="text" id="box"><span class="txt" id="plone"></span></p>
</body>
</html>
<script style="text/javascript">
var input =document.getElementById("box"); //获取输入框
var span =document.getElementById("plone"); //获取文本span元素
input.onfocus=function(){
input.style.color="red";
}
input.onblur=function(){
input.style.color="rgb(0,0,0)";
var txt=input.value; //获取文本框文本
var jc=/^1[3456789]\d{9}/; //正则表达式
if(jc.test(txt)==true){
span.innerHTML="你输入的是手机号码";
span.style.color="green";
}else{
span.innerHTML="请输入有效的11位中国大陆手机号码";
span.style.color="red";
}
}
</script>
```
