作成日: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();