Javascript 如何在焦点上显示/隐藏div内容？

在写评论类中，我们有输入字段文本区域和按钮类，我想要的是，按钮类内容应集中显示在文本区域

  <div class="write_comment">
      <div class="md-form">
        <textarea type="text" id="form_task_comment" class="form-control" style=""
          name="form_task_comment" value="" placeholder=""></textarea>
      </div>
      <div class="buttons">
        <span>
          <a><i class="fa fa-check" aria-hidden="true"></i></a>
          <a><i class="fa fa-times" aria-hidden="true"></i></a>
        </span>
      </div>
  </div>

---

只需捕获

textarea

的焦点事件，并

显示所需元素

$("#form_task_comment").focus(function() {
  $(".buttons").show(); //show when user moves focus in the textarea
});

$("#form_task_comment").on("change, blur", function() {
  $(".buttons").hide(); //hide when user moves focus out of the textarea
});

演示


$（“#表单#u任务_注释”）.focus（函数（）{
$（“.buttons”）.show（）；
});
$（“表单任务注释”）。关于（“更改，模糊”，函数（）{
$（“.buttons”）.hide（）；
});
。按钮{
显示：无；
}

123内部按钮
1232内部按钮
只需捕获
textarea
的焦点事件，并
显示所需元素

$("#form_task_comment").focus(function() {
  $(".buttons").show(); //show when user moves focus in the textarea
});

$("#form_task_comment").on("change, blur", function() {
  $(".buttons").hide(); //hide when user moves focus out of the textarea
});

演示


$（“#表单#u任务_注释”）.focus（函数（）{
$（“.buttons”）.show（）；
});
$（“表单任务注释”）。关于（“更改，模糊”，函数（）{
$（“.buttons”）.hide（）；
});
。按钮{
显示：无；
}

123内部按钮
1232内部按钮
您可以这样做：


。按钮{
显示：无；
}
textarea:focus~。按钮{/*在本例中也可以使用+，因为它是它后面的第一个元素*/
显示：块；
}

按钮1
按钮2
您可以这样做：


。按钮{
显示：无；
}
textarea:focus~。按钮{/*在本例中也可以使用+，因为它是它后面的第一个元素*/
显示：块；
}

按钮1
按钮2
使用jQuery：

$("#form_task_comment").focus(function() {
    $(".button").fadeIn();
});
$("#form_task_comment").focusout(function() {
    $(".button").fadeOut();
});

使用jQuery：

$("#form_task_comment").focus(function() {
    $(".button").fadeIn();
});
$("#form_task_comment").focusout(function() {
    $(".button").fadeOut();
});

在不重构HTML的情况下，您需要使用JavaScript来实现这一点（您可以将焦点/模糊事件侦听器绑定到textarea）。我想要JavaScript代码我已经尝试过，但没有得到正确的输出向我们展示您尝试过的代码，我们可以提供帮助：）“我想要JavaScript代码”-这不是代码编写服务。如果不重构HTML，您需要使用JavaScript来实现这一点（您可以将焦点/模糊事件侦听器绑定到textarea）。我想要JavaScript代码我已经尝试过，但没有得到正确的输出显示您尝试过的代码，我们可以提供帮助：）“我想要JavaScript代码”-这不是代码编写服务。您删除了
是，因为如果它在那里，你就不能使它工作，你可以把
.button
放在
.md表单中，它会工作得很好。你删除了
是的，因为如果它在那里，你就不能使它工作，你可以把
.button
放在
.md表单中，它会工作得很好。没有问题，但是@VXp给出的另一个答案也是非常显著的。没有问题，但是@VXp给出的另一个答案也是非常显著的。