允许在onfocus / onblur内部onclick显示/隐藏textarea

Question

抱歉这个奇怪的标题问题。

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

当用户通过onfocus点击模糊的textarea时，它将显示：阻止它周围的div，显示“textarea控制台”，然后在textarea下面显示“添加步骤”图标。如果你点击它，它会模糊textarea以及两个额外的项目。

但是，我想添加的是，如果他们点击“textarea console”或“添加步骤”图标，div将不会模糊。

这是我到目前为止jsfiddle.net

的内容

Answer 1

我已经更新了jsFiddle：HERE

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

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

焦点输出功能中缺少＃...并且没有正确引用类/ ID。

它正在以你想要的方式工作我正在思考：）

更新：我添加了$（“＃addPrepStepButtonicon”）。show（）;点击事件，以便再次出现“提交”按钮

Answer 2

检查一下http://jsfiddle.net/wAaDz/13/。做了改变。