顯示textarea焦點上的元素

Question

我有一個textarea，我只希望提交按鈕在texarea聚焦時出現。

你可以給我一個JavaScript代碼，使textarea的焦點時出現按鈕？

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" /> 

使用此

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

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

注意submit button設置爲display:none;在CSS原本。

編輯

看到您標記此JavaScript中，一個普通的方式來增加這將是通過onfocus事件：

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

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

同樣，假設submit button設爲display:none;原來在CSS中。