Отключить проверку орфографии в текстовых полях HTML

Обновлять: как было предложено комментатором (дополнительное вознаграждение к Как отключить проверку орфографии при вводе текста на iPhone), используйте это для обработки всех настольных и мобильных браузеров.

<tag autocomplete = "off" autocorrect = "off" autocapitalize = "off" spellcheck = "false"/>

Исходный ответ: Javascript не может переопределить пользовательские настройки, поэтому, если вы не используете другой механизм, кроме текстовых полей, это невозможно (или не должно быть).

Да, используйте spellcheck = "false", как определено HTML5, например:

<textarea spellcheck = "false">
    ...
</textarea>

IFrame БУДЕТ "запускать" средство проверки орфографии (если для него установлено значение true для редактирования содержимого) точно так же, как текстовое поле, по крайней мере, в Chrome.

Для Grammarly вы можете использовать:

<textarea data-gramm = "false" />

Следующий фрагмент кода отключает его для всех элементов textarea и input[type=text]:

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();

Хотя указание spellcheck = "ложь" в теге <tag>, безусловно, отключит эту функцию, полезно иметь возможность включать и выключать эту функцию по мере необходимости после загрузки страницы. Итак, вот способ программной установки атрибута проверка орфографии, отличный от jQuery:

????:

<textarea id = "my-ta" spellcheck = "whatever">abcd dcba</textarea>

??????????:

function setSpellCheck( mode ) {
    var myTextArea = document.getElementById( "my-ta" )
        , myTextAreaValue = myTextArea.value
    ;
    myTextArea.value = '';
    myTextArea.setAttribute( "spellcheck", String( mode ) );
    myTextArea.value = myTextAreaValue;
    myTextArea.focus();
}

?????:

setSpellCheck( true );
setSpellCheck( 'false' );

Аргумент функции может быть логическим или строковым.

Нет необходимости перебирать содержимое текстового поля, мы просто вырезаем и вставляем то, что есть, а затем устанавливаем фокус.

Протестировано в движках мигать (Chrome (ium), Edge и др.)

Если вы создали свой HTML-элемент динамически, вам нужно отключить атрибут через JS. Однако есть небольшая ловушка:

При установке elem.contentEditable вы можете использовать либо логическое значение false, либо строку "false". Но когда вы устанавливаете elem.spellcheck, вы можете использовать только логическое значение - по какой-то причине. Таким образом, ваши варианты:

elem.spellcheck = false;

Или вариант Mac, указанный в его ответе:

elem.setAttribute("spellcheck", "false"); // Both string and boolean work here.