javascript - 如何使文本区域仅在聚焦时进行拼写检查？

Question

我希望对我的 TEXTAREA Dom 节点进行拼写检查（即 spellcheck=true），但是只要 TEXTAREA 没有聚焦，拼写检查就变得不可见（即没有红色曲线）。我不在乎是否在 TEXTAREA 失去焦点时重置拼写检查状态。

据我所知，这是 INPUT 的默认行为，但不是 TEXTAREA，至少在 Chrome 中是这样。

我尝试将 TEXTAREA 设置为 spellcheck=false onblur，但这似乎没有帮助。

对于内容可编辑的 DIV，设置 div.innerHTML=div.innerHTML 的策略似乎可以解决问题，但我不确定如何为 TextAreas 做一些等效的事情。

更新：

以下最终为我工作：

            onblur: function(e) {
              e.target.spellcheck = false;
              var old_value = e.target.value;
              e.target.value = "";
              e.target.value = old_value;
              e.target.spellcheck = true;
            }

Answer 1

如果您使用的是 jQuery，那么：

$("textarea").on("focus", function() { $(this).attr("spellcheck", "true"); });

如果您不使用 jQuery，那么我建议您使用jQuery。

编辑：

以下代码将相应地切换值：

$("textarea").on("focusin", function() { $(this).attr("spellcheck", "true"); });
$("textarea").on("focusout", function() { $(this).attr("spellcheck", "false"); });