textareaフォーカス上の要素を表示

Question

私はテキストエリアを持っており、テクスチャエリアにフォーカスがあったときに送信ボタンを表示したいだけです。

テキストエリアがフォーカスされているときにボタンを表示させるためのjavascriptコードを教えてください。

Answer 1

これは問題を処理する必要があります。私たちは、与えられたテキストエリアにフォーカスされた後に提出表示されます：

$('textarea').focus(function() { 
    $(this).closest('form').find('input[type="submit"]').show(); 
}); 

私はそれがすべての素敵なJSFiddleに一緒に入れています。楽しい！

Answer 2

これはjQueryで非常に簡単です。このHTMLのために

<textarea id="text"></textarea> 
<br /> 
<input id="submit" type="submit" /> 

使用submit buttonはもともとCSSでdisplay:none;に設定されている。この

$('#text').focus(function(){ 
    $('#submit').show(); 
}); 

http://jsfiddle.net/jasongennaro/F65TX/

注意。 submit buttonがに設定されていると仮定すると再び

<textarea onfocus="document.getElementById('submit').style.display = 'block';" id="text"></textarea> 
<br /> 
<input id="submit" type="submit" /> 

http://jsfiddle.net/jasongennaro/F65TX/1/

、：

EDIT

あなたはこのJavaScript、これはonfocusイベントを通じてだろう追加するプレーンな方法をタグ付け見て元々はCSSのdisplay:none;です。