javascript - keyup() で変数を設定する

Question

keyup() メソッドを使用して入力フィールドでクレジットカード番号を取得しようとしていますが、コンソールに変数名を入力すると未定義になります。それでも、フィールドに入力すると、数字がコンソールに記録されます。

$('#authorizenet_cc_number').keyup(function(){
        var ccNum =  $('#authorizenet_cc_number').val();
        console.log(ccNum);       
  });

入力の値が変更されると、それが ccNum 変数に格納されるという私の理解は間違っていますか?

score 3 · Accepted Answer

ccNumのスコープは、keyup ハンドラの無名関数に対してローカルです。より高いスコープからアクセスしたい場合は、より高いスコープに入れます。

var ccNum; // declaration in an outer scope

$('#authorizenet_cc_number').keyup(function(){
    // no need to reselect on the input, just use "this"
    ccNum = $(this).val(); // initialization in an inner scope
    console.log(ccNum); // logs the value
});

console.log(ccNum); // also logs the value (if called after the handler has fired)

score 3 · Accepted Answer

ccNum は関数に対してローカルであるため、関数にブレークポイントを挿入しない限り未定義になります。

ブレークを発生させるデバッガを追加することもできます。その後、コンソールを使用して ccNum の値を確認できます。

$('#authorizenet_cc_number').keyup(function(){
        var ccNum =  $('#authorizenet_cc_number').val();
        console.log(ccNum);  
        debugger;     
  });

javascript - keyup() で変数を設定する

2 に答える 2

Related

Reference