在textarea焦点上显示元素

Question

我有一个textarea，我只想在texarea聚焦时出现提交按钮。

你可以给我一个javascript代码，以便在textarea聚焦时显示按钮吗？

Answer 1

这应该照顾你的问题。一旦给定的textarea聚焦，我们将显示提交：

 $('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最初设置为CSS中的display:none;。

修改

看到你标记了这个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/

同样，假设最初在CSS中将submit button设置为display:none;。