ラボ > Javascript関連:form、イベント関連

jquery+form 値が変更された、チェックされたなどの各イベント

入力された・チェックされたなど・・・formで使う各イベント

作成日:2018-01-09, 更新日:2018-08-01

文字が入力された系:inputイベント

$(〇〇〇).on('input', 〇〇〇, function(){ ~処理~ });

IME(日本語入力)関連

「CompositionEvent」ってのが使えるなら「compositionend」というイベントを拾う。

if ('CompositionEvent' in window) {
  $(〇〇〇).on('compositionend', '〇〇〇', function(){
    // IMEの変換確定後
  });
}

チェックボックス:clickイベント

$(〇〇〇).on('click', 〇〇〇, function(){
   if ( $(this).prop('checked') ) {
      // チェックされた
   }
   else {
      // チェックが外された
   }
});

ラジオボタン、セレクト:changeイベント

$(〇〇〇).on('change', 〇〇〇, function(){ ~処理~ });

値のセット、変更等

参照:jqueryでformの各値の取得やセット

フォーカス

フォーカスされた:focusイベント

$(〇〇〇).on('focus', 〇〇〇, function(){ ~処理~ });

▼フォーカスさせる場合

$(〇〇〇).focus();

フォーカスが外れた:blurイベント

$(〇〇〇).on('blur', 〇〇〇, function(){ ~処理~ });

▼フォーカスを外す場合

$(〇〇〇).blur();

関連項目

jqueryでformの各値の取得やセット