javascript - 单击按钮以打开拼写检查

Question

我有一个带有 spellcheck = "false" 的文本区域。我想要一个按钮，单击该按钮会打开拼写检查并检查已输入内容的拼写。
目前，如果您在单击按钮后在文本框中输入任何其他内容，它会正确检查拼写。但是，我希望它能够对已有内容进行拼写检查，而无需在文本区域中输入任何其他内容。

<textarea id="ta" spellcheck="false"></textarea>
<div>
   <input type="button" id="spell_btn" value="spell check">
</div>

$(document).on('click', '#spell_btn', null, function () {
    $("#ta").attr("spellcheck", "true");
});//close .click

https://jsfiddle.net/906dqtn6/5/

我尝试使用 $('#ta').val() 重置该值，但是 没有任何效果。

var x = $("#ta").val();
var y = " ";
$("#ta").val(y);
$("#ta").val(x);

提前致谢。

Answer 1

您的 HTML 属性应该是 spellcheck 而不是 spellchecker ( w3schools )，并且 jQuery 应该是:

$("#spell_btn").on('click', function () {
    $("#ta").attr("spellcheck", "true");
});

一个想法是，也许您可​​以在元素上单击按钮时触发 keypress 或 keydown 事件。
因为 spellcheck似乎仅在您键入时(或当元素处于焦点时)才起作用，当单击按钮时，拼写检查可能会变为非事件状态。要触发这些事件:

$("button").on("click",function() {
    $('#ta').keydown();
    $('#ta').keypress();
    $('#ta').keyup();
    $('#ta').blur();
});

参见here仅供引用