首頁 >web前端 >js教程 >javascript失去焦點如何設定

javascript失去焦點如何設定

coldplay.xixi
coldplay.xixi原創
2021-04-12 16:16:288747瀏覽

javascript失去焦點的設定方法:使用blur,blur事件類型表示在元素失去焦點時回應,它與focus事件類型是對應的,主要作用於表單元素和超連結物件。

javascript失去焦點如何設定

本教學操作環境: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