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