javascript - キープレス、キーアップ、またはキーダウンは、JQM の最初のリングでのみ機能します

Question

私のプロジェクトでは、1 ページに「トピック」と呼ばれる jQuery Mobile テキストエリアがあります。

テキストエリアに入力された文字をカウントするために使用しているこのスクリプトがありますが、このスクリプトは最初のキーストロークで結果を返すだけです。もう一方はしません。

$(document).delegate("#topicDialog", "pageinit", function() {
$("#topic").keyup(function(e) {
        var tam = $(this).length;

        if (tam <= 61700){
            $("#maxCarac").html(tam +" typed characters. The maximum allowed is 61700");
        } else {
            alert("You have reached the maximum text size.\nPlease break your text into more than one topic.");
            $("#topic").val($("#topic").substring(61700));
        }
    });
});

実際の例

何が起こっている可能性がありますか？

Answer 1

val().length を使用する必要があります

ここで更新フィドルを確認してください

$("#topic").keyup(function(e) {
        var tam = parseInt($(this).val().length);

        if (tam <= 61700){
            $("#maxCarac").html(tam +" typed characters. The maximum allowed is 61700");
        } else {
            alert("You have reached the maximum text size.\nPlease break your text into more than one topic.");
            $("#topic").val($("#topic").substring(61700));
        }
    });

http://jsfiddle.net/manishkumarshr/zdEzk/1/

Answer 2

ユーザー入力の長さを誤って取得しています。これを使って：

var tam = $(this).val().length;

ここに動作デモがあります。

Answer 3

この行を変更する必要があります

var tam = $(this).val().length;

デモを見る