允许在对焦/模糊显示/隐藏文本区域内进行单击

Allow onclick inside an onfocus/onblur show/hide textarea

本文关键字:区域 文本 单击 隐藏 显示 模糊      更新时间:2023-09-26

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

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

当用户通过 onfocus 单击模糊的文本区域时,它将显示:阻止它周围的div,显示一个"文本区域控制台",然后在文本区域下方显示一个"添加步骤"图标。 如果单击退出,它将模糊文本区域以及两个额外的项目。

但是,我想补充的是,如果他们单击"文本区域控制台"或"添加步骤"图标,div 将不会模糊。

这是我到目前为止所拥有的 jsfiddle.net

我已经更新了jsFiddle:这里

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

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

聚焦功能中缺少 #...并且未正确引用类/ID。

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

更新:我在点击事件中添加了 $("#addPrepStepButtonicon").show(); 因此"提交"按钮将再次出现

检查这个 http://jsfiddle.net/wAaDz/13/.进行了更改。