作成日: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(){ ~処理~ });
値のセット、変更等
フォーカス
フォーカスされた:focusイベント
$(〇〇〇).on('focus', 〇〇〇, function(){ ~処理~ });
▼フォーカスさせる場合
$(〇〇〇).focus();
フォーカスが外れた:blurイベント
$(〇〇〇).on('blur', 〇〇〇, function(){ ~処理~ });
▼フォーカスを外す場合
$(〇〇〇).blur();