2016-09-22 11 views
0

入力を押したときに関数を実行したいテキスト入力があります。私は条件が入力が押されたかどうかを判断するために使用しましたが、これによりユーザーは入力ボックスに入力できなくなります。彼らが正常に入力できるようにするには、何をelse条件に入れることができますか?テキスト入力中のキー入力

JsFiddle

function addItem(e) { 
    e.preventDefault();       // Prevent form being submitted 
    var text = $('input:text').val();   // Get value of text input 
    var itemArr = text.split(',');                
    var lngth = itemArr.length     

    for(i = 0; i < lngth; i++)     
    { 
     $list.append('<li>' + itemArr[i] + '</li>'); // Add item to end of the list 
     updateCount();         // Update the count 
    } // End loop 

    $('#addItems').val('');       // Empty the text input 
    return false; 
} 

$('#addItems').keypress(function(e) { 
    if(e.which == 13) { 
     addItem(); 
    } 
    return false; 
}); 

答えて

0

キー押下機能からreturn false;を削除します。

$('#addItems').keypress(function(e) { 
    if(e.which == 13) { 
     addItem(); 
    } 
    else { 
     return true; 
    } 

    return false; 
}); 
+0

に「falseを返す」をonSubmit追加することができます – Shniper

+0

@Shniperはreturnをtrueにしてelseを使う –

+0

Enterキーを押したときにコードが表示されてもまだリフレッシュ – Shniper

0

Jusrは

あなたはこのQuestion

return false;を見ることができますKeyPressイベントから偽のリターンを削除HTML内のイベントハンドラ属性の最後に呼び出された場合、正常ブラウザ間でイベントをキャンセル。

と提出され、フォームからフォームを防ぐために、私はエンターキーを押したときにページがどのIドン、リフレッシュすることを行う場合は、=フォーム

Demo

+0

@ Shniperこれはあなたのフォーム提出の問題を解決するかもしれないと思う –

関連する問題