JS事件 失焦事件(onblur)onblur事件與onfocus是相對事件,當光標離開當前獲得聚焦對象的時候,觸發onblur事件,同時執行被調用的程序。


失焦事件(onblur)

onblur事件與onfocus是相對事件,當光標離開當前獲得聚焦對象的時候,觸發onblur事件,同時執行被調用的程序。

如下代碼, 網頁中有用戶和密碼兩個文本框。當前光標在用戶文本框內時(即焦點在文本框),在光標離開該文本框后(即失焦時),觸發onblur事件,並調用函數message()。

運行結果:

 

任務

補充右邊編輯器第13行,當光標從密碼文本框離開時,觸發onblur 事件,調用message()函數。


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
  function message(){
    alert("請確定已輸入密碼后,在移開!"); }
</script>    
</head>
<body>
  <form>
   用戶:<input name="username" type="text" value="請輸入用戶名!" >
   密碼:<input name="password" type="text" value="請輸入密碼!" onblur="message()">
  </form>
</body>
</html>




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM