JavaScript中失去焦點，寫出一個簡單的案例來理解，
在我們玩游戲，都會取一個昵稱或者賬號，就以昵稱l舉例，取昵稱的時候往往會發現，自己取的昵稱已經被別人已經使用，他就會提示你該昵稱已使用；只能去想一個新的昵稱來使用注冊，
通過這個案例來理解（失去焦點），以及它的邏輯與實作，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="text" id="aa">
<!-- 用input寫出一個文本框，設定一個id-->
<span id="box"></span>
<script type="text/javascript">
var a=document.getElementById("aa");
//獲取標簽id屬性值為aa的節點物件
var b=document.getElementById("box");
//獲取標簽id屬性值為box的節點物件
var arr=["張三","李四","王老五","可樂"];
//用陣列代替資料庫，這里陣列里的元素做作為已經注冊的物件
a.onblur=function(){
// onblur 失去焦點
if(arr.indexOf(a.value) !==-1){
//在arr里面找a.value的值 如果找到回傳陣列下標，找不到回傳-1
b.innerHTML="已被注冊"
//innerHTML 在標簽物件內放置指定內容(已被注冊)
b.style.color="red";
//（已被注冊）的字體設定成紅色
}else{
b.innerHTML="注冊成功"
//innerHTML 在標簽物件內放置指定內容(注冊成功)
b.style.color="black";
//注冊成功的字體為黑色
}
}
</script>
</body>
</html>
運行之后
已被注冊的
注冊成功的
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/225861.html
標籤：其他