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

javascript失去焦點如何設定

coldplay.xixi
發布: 2023-01-05 16:07:33
原創
8753 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板