## 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>
```