Invoke spell check when loading the page

Question

I'm creating a HTML textarea form on IE 11, when loading the page, the form will be filled with value from database. When user begin to type, the browser will do the spell check, but when user loadS the page, the text in the textarea has no spell check.

Is there a way to force to add red spell check underlines when onload?

You can try reading about spellcheck attr. Its experimental and looks like the default is `true` for IE and text areas. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck — Andrew Lohr, Jan 26 '18 at 21:27
I did try focus() with spellcheck attribute on IE, but it doesn't populate red underlines when onload :( — Yahui Wang, Jan 29 '18 at 14:17

Sam · Answer 1 · 2018-01-29T15:49:32.680

0

Add autofocus to the element.

<textarea id="myTextArea" spellcheck="true"  autofocus="autofocus">Ths is the text from the dtabase that's loaded on page load.</textarea>

For Internet Explorer, try this:

$(function() {
  $('[autofocus]:not(:focus)').eq(0).focus();
});

edited Jan 29 '18 at 15:49

answered Jan 26 '18 at 22:32

Sam

705
1
9
18

focus() does work, but the spellcheck doesn't put red underlines when page loads. – Yahui Wang Jan 29 '18 at 16:02

Invoke spell check when loading the page

1 Answers1