jQuery fadeout woes

Question

jQueryでkeyupを使用していますが、のにはどのテキストフィールドが入っているかを確認する方法はありますか？私が意味する

現在テキストボックスががその後、単語「りんご」を持っていませんにjQueryの機能を実行する、それがは単語のリンゴを持っていないならば、...その後は、jQueryの機能を実行しない場合「リンゴ」がタイプされていないときに起こります。

私はそれが理に適ったと思います。私はCASESとkeyupを使ってみましたが、動作させることができませんでした。

これは可能ですか？

Answer 1

あなたは、入力を選択した後、jQueryのkeyupとval()機能を使用することができます。

HTML：

<input id="granny_smith"/> 

はJavaScript：

$("#granny_smith").keyup(function() { 
    if ($(this).val() === "apples") { 
     alert("apples"); 
     // Do apples function 
    } 
    else { 
     // Do !apples function 
    } 
}); 

の作業例：http://jsfiddle.net/uKnJB/

希望に役立ちます！

Answer 2

ユーザー入力をテキストボックスにキャプチャする場合は、inputが必要です。 inputイベントにはブラウザ間の互換性の問題がありますが、この目的ではkey*イベントセットを使用するよりも優れています。詳細については、この上のAndyEの記事を参照してください：http://whattheheadsaid.com/2010/09/effectively-detecting-user-input-in-javascript

あなたがそれを使用する方法の簡単な例があり、これは：

$('#text').bind('input', function(){ 
    if(this.value.indexOf('apples') === -1){ 
     // Textbox doesn't contain 'apples' 
     $('#apples').hide(); 
    } else { 
     $('#apples').show(); 
    } 
}); 

これは、特定の文字列をvalue（テキストボックス内のテキストを）チェックすると、それに基づいて関数を実行します。この簡単なデモはここにあります：http://www.jsfiddle.net/yijiang/Xy6Cc/