按Tab键时如何选择tinyMCE textarea？

Question

你好,我得到了类似的代码

<form method="post" action="/" name="form" autocomplete="off">
<input type="text" name="title" />
<textarea name="body"></textarea>
<input type="text" name="tags" />
<input type="submit" name="submit" value="Send" />
</form>

哪里的"textarea"是tinyMCE ...当我尝试通过输入和textarea项目移动选择时出现问题.当页面加载时,它会聚焦输入[name = text]但是当我按Tab键时它选择输入[name = tags]而不是textarea [name = body](下一个)你可以帮我解决这个问题吗？

Answer 1

对于传统的选项卡索引,这是不可能的,因为TinyMCE实际上隐藏了它<textarea>并在其中创建了一个<iframe>编辑器.你可以通过强制关注javascript中前一个元素的blur事件中的编辑器来解决这个问题,这里是ajQuery剪掉了我的头脑:

$('#prev-input').blur(function(){
    tinyMCE.get('textarea').focus();
});

然后,一旦用户离开前一个输入焦点就会跳转到TinyMCE编辑器,你可以添加一个blur()方法来获得下一个元素.