「jquery入門」forcus()、blur()、chane()イベントのサンプル

2014年1月17日2019年2月21日

説明
blur(fn)
要素がマウスなどのポインティング・デバイスやタブキーなどでフォーカスを失ったタイミングで発生する。

focus(fn)
マウスなどのポインティングデバイスやタブキーで要素がフォーカスを受け取った際に呼び出される。

change(fn)
フォーカスを失った状態のinput要素がフォーカスを得て、値の変更を完了した時に実行される。

サンプルコード

 $(function(){

      $('#formname_cft').focus(function(){

        $(this).css(xxx);

      })
　　　
　　　  $('#formname_cft').blur(function(){

        $(this).css(xxx);

      })

      $('#cft').change(function(){
        console.log("xxx");
  });