javascript失去焦點如何設定
- coldplay.xixi原創
- 2021-04-12 16:16:288687瀏覽
javascript失去焦點的設定方法：使用blur，blur事件類型表示在元素失去焦點時回應，它與focus事件類型是對應的，主要作用於表單元素和超連結物件。
本教學操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。
javascript失去焦點的設定方法：
失去焦點：blur
blur事件類型表示在元素失去焦點時回應，它與focus事件類型是對應的，主要作用於表單元素和超連結物件
範例：為所有輸入表單元素綁定了focus和blur事件處理函數，設定當元素取得焦點時呈凸起，失去焦點呈凹陷
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" />
<input type="text" />
<script>
var o = document.getElementsByTagName("input");
for(var i = 0; i < o.length; i++){
o[i].onfocus = function(){
this.style.borderStyle = "outset";
}
o[i].blur = function(){
this.style.borderStyle = "inset";
}
}
</script>
</body>
</html>相關免費學習推薦：javascript（影片）
以上是javascript失去焦點如何設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn