js 失去焦點時關閉層實現代碼

2019-11-21 01:21:02

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>失去焦點時關閉層練習</title> <style type="text/css"> #divUserName{     width:200px;     height:30px;     border:1px solid black;     background:#cccccc;     font-size:12px;     margin-top:10px; } </style> <script language="javascript" type="text/javascript">     window.onload = function(){         document.getElementById("tbxUserName").focus();         document.getElementById("tbxUserName").onblur = function(){             document.getElementById("divUserName").style.display = 'none';         }         document.getElementById("tbxUserName").onfocus = function(){             document.getElementById("divUserName").style.display = '';         }              } </script> </head> <body> <input type="text" id="tbxUserName" /><div   class="iwvjtn8m0"   id="divUserName">這是一個層</div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：jquery tabs的實現代碼

下一篇：javascript 歷史記錄經常用于產品最近歷史瀏覽第1/2頁