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，这会重新加载它：

        let tmp = notes.value;
        notes.value = "";
        notes.value = tmp;

显然并不能阻止错误的发生，如果文档非常大，可能无法很好地扩展，但它确实有效，并且易于理解和实现。