詳說jQuery的focus()、blur()事件

標籤：cti   http   script   javascrip   例子   輸入框   function   document   開啟   

• what

　　focus():當元素獲得焦點時，發生 focus 事件。

　　blur():當元素失去焦點時發生 blur 事件。

• 小例子

　　HTML檔案 
 Enter your name: <input type="text" />

javascript檔案：$(document).ready(function(){      $("input").focus(function(){        $("input").css("background-color","#ff0"); //黃色      });      $("input").blur(function(){        $("input").css("background-color","#0f0"); //綠色      });    });

　　瀏覽器開啟：

　　1.重新整理頁面，輸入框為白色背景

　　

　　2.準備鍵入，輸入框獲得焦點，輸入框背景變為黃色

　　

　　3.輸入結束，失去焦點，輸入框背景變為綠色

　　

詳說jQuery的focus()、blur()事件