変換で起動する文字数カウントのトリガー

Question

textareaの文字数をリアルタイムでカウントする機能を書きました。
制限文字数を超えるとカウントが赤くなる仕組みです。

しかし、パソコンの予測変換やスマホでの漢字変換に対してトリガーが反応しません。
keyup change click touchedといろいろ付け足してみましたが、期待通りの動作が得られません。
何をトリガーにしたらいいのでしょうか。

ご教授いただけますと幸いです。

                <script>
                    $(function() {
                        $("textarea").on('keyup change click touched',function(){
                        var txtcount = $(this).val().length;
                        $("#txtlmt").text(txtcount);
                        if(txtcount == 0){
                        $("#txtlmt").text("0");
                        } 
                        if(txtcount >= 10){
                        $("#txtlmt").css("color","red");
                        } else {
                        $("#txtlmt").css("color","black");
                        }
                    });
                    });
                </script>

Answer 1

inputイベントが良いでしょう

Comments

[yasu0716]

ありがとうございます!!