javascript - 允许在 onfocus/onblur 显示/隐藏文本区域内单击

Question

对不起，奇怪的标题问题。

我想知道如何执行以下操作：

当用户通过onfocus点击模糊的textarea时，会显示：挡住它周围的div，在textarea下方显示一个“textarea控制台”，然后是一个“add step”图标。如果您点击退出，它将模糊文本区域以及两个额外的项目。

但是，我想补充的是，如果他们单击“textarea 控制台”或“添加步骤”图标，则 div 不会模糊。

这是我到目前为止在jsfiddle.net上的内容

Answer 1

检查这个http://jsfiddle.net/wAaDz/13/。做出了改变。

Answer 2

我已经更新了 jsFiddle：这里

我认为这只是一些错误的事情......你在正确的轨道上。

$("#textareasteinstruc").focusout(function() {
  alert('focusout');
    $(".textareaconsole").hide();
    $("#addPrepStepButtonicon").hide();

focusout 函数中缺少 # ......并且没有正确引用类/ID。

它正在按照你想要的方式工作，我现在在想:)

更新：我添加了 $("#addPrepStepButtonicon").show(); 到点击事件，所以“提交”按钮将再次出现