Javascript 更改拼写检查属性不会更新显示

Question

我有一个spellcheck属性设置为false初始的 textarea ，并且没有红线，正如预期的那样。当我将属性更改为 时true，线条再次按预期出现。

但是，一旦我false再次将属性设置为，红线就不会更新。我想知道这是为什么，或者是否有人知道解决方法或让 CSS 更新的方法。

没有拼写检查：

使用拼写检查（但又没有拼写检查）：

这是我的完整相关代码：

spellcheck.onclick = () => {

  notes.focus();

  notes.spellcheck = !notes.spellcheck;

  spellcheckonoff.textContent = notes.spellcheck ? ' on' : ' off';

}

<textarea id="notes" placeholder="Type here" spellcheck="false" autofocus></textarea>

<button id="spellcheck" type="button">spellcheck <span id="spellcheckonoff">off</span></button>

Answer 1

我发现的一个解决方法是，在设置之后notes.spellcheck = false，我基本上只是剪切和粘贴 textarea，这会重新加载它：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;tmp&nbsp;=&nbsp;notes.value; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;notes.value&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;notes.value&nbsp;=&nbsp;tmp;显然并不能阻止错误的发生，如果文档非常大，可能无法很好地扩展，但它确实有效，并且易于理解和实现。