【JQuery】inputタグで、全角文字の変更を監視するイベントはありますか？【AngularJS】

Question

Jqueryで、inputタグの文字列が変更された時にイベントが発火する「.change()」や「.keyup()」などがあります。
ただし、これらは全角文字の入力の際は、一度エンターキーを押して文字列を確定しないと発動しません。

そのため、
「change」などのイベントは日本語入力中はEnterを押すまでイベントが実行されず、
「オートコンプリート」や「残り文字数表示」などの機能を実装する際に非常に不便だと思っています。

出来れば全角文字の入力中に、入力中の文字に変更が加わったらイベントが発火してほしいのですが、Jquery、もしくはAngularJSでそれに対応したイベントはありますでしょうか？

これらの対応策として、setinterval（一定時間毎に処理を繰り返す）を実行し、時間毎に入力内容を監視し即反映させるという手法を取っていましたが、記述量が多くなるので正直これは使いたくないとずっと考えていました。

お詳しい方いらっしゃいましたら、是非教えていただきたいです。
どうかよろしくお願いいたします。

Comments

[kunai]

想定されているブラウザ、バージョンを教えていただけますか？普通に$('input').keyup(function(){ console.log($(this).val()); }); で動作確認できましたが

[sanset]

ありがとうございます。失礼しました。確認していたバージョンFireFox49.0.1（最新）です。今確認したら、chromeやsafariでは問題なく動作しますね…。

Answer 1

最近のブラウザであればinputイベントがあります。

サンプル

$(function(){
  $('input[name=hoge]').on('input',function(e){
    console.log($(this).val());
  });
});
</script>

<input type="text" name="hoge">

Comments

[sanset]

ありがとうございます。
自分の探し方が悪いのかもしれませんが、公式のリファレンスから探しても見当たりませんでした…。
.input()というイベントがあるということでしょうか？

[think49]

公式でいうならW3Cの方でしょうか。jQuery APIのイベントモデルはDOM Eventsを流用しています。
https://www.w3.org/TR/DOM-Level-3-Events/#events-inputevents

[yambejp]

普通にjQueryならonで拾えます

[sanset]

yambejpさん、think49さんありがとうございました。
頂いた情報を元に調べてみます。

Answer 2

以下の方法で解決できると思います。

AngularJSのng-modelで日本語入力の確定に悩まないDirective
http://qiita.com/koh110/items/4c5d22339ef2117e226a

Comments

[sanset]

ご返信に気づかず申し訳ありません。回答ありがとうございます。
結局AngularJSでの実装はご破算になりましたが、今後の参考にさせていただきます。