Javascript 将拼写检查属性设置为false不会删除红色下划线

我正在尝试在

和

之间切换

Chrome：一旦设置了

spellcheck=true

，它就不能“取消设置”，也就是说，即使设置为false，红色下划线也不会消失（至少在macOS上）

Firefox：按预期运行

Safari：我仍然不明白它在做什么，只是当我四处点击时，我得到了红色下划线，然后它就不会消失了

我怀疑这是操作系统特有的。感谢其他开放源码软件的报告

const textarea=document.querySelector（“textarea”）；
const form=document.querySelector（“表单”）；
const output=document.getElementById（“输出”）；
textarea.focus（）；
表格.附录列表（“变更”，（e）=>{
常数trueOrFalse=e.target.value；
textarea.focus（）；
setAttribute（“拼写检查”，trueOrFalse）；
output.textContent=textarea.parentNode.innerHTML；
});
正文{
字体：16px/140%单空格；
背景：#eee；
颜色：#777；
填充：60px；
}
文本区{
边际：32px0；
宽度：320px；
高度：120px；
字体大小：16px；
}
标签{
颜色：#777；
光标：指针；
}
输入[type=“radio”]：选中+span{
颜色：#000
}

拼写检查正确
拼写检查错误
下面是一个拼错单词的例子
我发现实现（至少在Chrome中）是
拼写检查模式只对新插入的文本有效。为了完全“重置”该字段，您需要删除并重新插入
textarea


var textarea=document.querySelector（“textarea”）；
const form=document.querySelector（“表单”）；
const output=document.getElementById（“输出”）；
textarea.focus（）；
表格.附录列表（“变更”，（e）=>{
常数trueOrFalse=e.target.value；
const text=textarea.value；
textarea.parentNode.removeChild（textarea）；
textarea=document.createElement（“textarea”）；
textarea.textContent=文本；
document.querySelector（“.textarea容器”）.appendChild（textarea）；
textarea.focus（）；
setAttribute（“拼写检查”，trueOrFalse）；
output.textContent=textarea.parentNode.innerHTML；
});
正文{
字体：16px/140%单空格；
背景：#eee；
颜色：#777；
填充：60px；
}
文本区{
边际：32px0；
宽度：320px；
高度：120px；
字体大小：16px；
}
标签{
颜色：#777；
光标：指针；
}
输入[type=“radio”]：选中+span{
颜色：#000
}

拼写检查正确
拼写检查错误
下面是一个拼错单词的例子