js常用事件總結及案例-onFocus、onBlur

事件是可以被javascript偵測到的行爲（時間通常與函數配合使用，當事件發生時函數纔會執行）

事件可以分爲如下幾大類：鼠標點擊、頁面或圖像載入、鼠標懸浮於頁面的某個熱點上、在表單中選取輸入框、確認表單、鍵盤按鍵

常見事件函數：onFocus、onBlur、onChange、onSubmit、onMouseover、onMouseOut

案例一：onFocus（當元素獲得焦點時，發生focus事件）、onBlur（當元素時區焦點時，發生blur事件）

<script type="text/javascript">

  $(function(){

      $("input").focus(function(){

            $("input").css("background-color","#FFFFCC");

       });

       $("input").blur(function(){

           $("input").css("background-color","#D6D6FF");

        });

   });

</script>

<input type="text">