Javascript 属性更改后触发拼写检查

Javascript 属性更改后触发拼写检查,javascript,jquery,contenteditable,spell-checking,Javascript,Jquery,Contenteditable,Spell Checking,我有一个contenteditable div,拼写检查设置为false。我有一个按钮,当单击时,会将拼写检查属性更改为true,但直到我在div内部单击时,拼写检查才会生效。我已尝试在div上触发单击、聚焦、模糊、更改等事件,但没有任何东西会导致出现红线。这是在旧的jQuery1.8(遗留应用程序)中实现的。这有什么诀窍吗 $('.spellcheck').live('click', function() { $('#editor').attr('spellcheck', true);

我有一个contenteditable div,拼写检查设置为false。我有一个按钮,当单击时,会将拼写检查属性更改为true,但直到我在div内部单击时,拼写检查才会生效。我已尝试在div上触发单击、聚焦、模糊、更改等事件,但没有任何东西会导致出现红线。这是在旧的jQuery1.8(遗留应用程序)中实现的。这有什么诀窍吗

$('.spellcheck').live('click', function() {
    $('#editor').attr('spellcheck', true);
    $('#editor').click();
    $('#editor').focus();
    $('#editor').blur();
    $('#editor').change();
});
我还将事件包装在1秒的setTimeout中,以通过任何异步竞速条件,但没有运气

HTML部分:

<div id="editor" class="editor" contenteditable spellcheck="false"></div>
<button class="spellcheck">Check Spelling</button>

检查拼写
  • 这实际上不是contenteditable的问题,它也发生在普通div上
单击按钮,它会添加
拼写检查属性,然后将焦点设置到
#editor
div。拼写检查处于活动状态,并在拼写错误的单词下面划线

这里是jQuery 1.8.1的部分:

$('.spellcheck')。单击(函数(){
$('#editor').attr('拼写检查',true);
$(“#编辑器”).focus();
});
#编辑器{
宽度:200px;
高度:100px;
边框:1px实心#e0;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}

一些拼写错误的单词

检查拼写
你能提供这个html部分吗?将html添加到原始posttshimkus,阅读我的帖子。这是jQuery 1.8,这根本不是复制品。你可能想考虑你的评论的次要意想不到的效果。如果你的目标是激怒@tshimkus,恭喜你,你成功了。如果你的目标是试图找到一个解决方案,并说服其他人你值得他们的努力来帮助你,那么你上面的评论可能无法帮助你实现这一目标。这太奇怪了,在我们的应用程序中不起作用。。。同样的代码,在我添加这个问题之前,我们就尝试过了。除非你手动点击,否则不会触发红线。这里有一些奇怪的东西。。。如果我输入“T”‍est 2asas asasas“w/o引号插入contenteditable div,然后单击拼写检查按钮,它就可以工作了。但是,如果我输入“this is teh wroong speling”,直到我点击div,它才起作用。我在contenteditable div编辑器中设置lang=“en”。