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"); });