模拟内容可编辑div中的光标键（左，右，下，上箭头）？

是否可以模拟内容可编辑div上的箭头键？我试图发起“重点新闻”事件，但似乎contentedable忽略它们。（我只需要一个webkit/safari解决方案）模拟内容可编辑div中的光标键（左，右，下，上箭头）？

我只需要像插入箭头键一样移动div内的插入符号，但编程方式。

也许来自Tim Down的Rangy图书馆可以提供帮助吗？

谢谢！

来源

2012-04-09 user1322373

是jQuery的可能性？ – Jlange 2012-04-09 17:46:17

是的，JQuery没有问题 – user1322373 2012-04-13 14:44:11

这很棘手，因为不可能完全模拟一个关键事件。具体而言，在大多数浏览器中，如果没有发生实际按键操作，就不可能触发关键事件的默认浏览器操作。

既然如此，您必须手动完成，这很复杂。箭头键在页面上的可见文本上工作，这意味着您需要考虑诸如折叠空格，来自<br>的隐含换行符和块元素，通过CSS display属性隐藏的元素以及其他许多微妙之处。另外，模拟向上和向下箭头键依赖于获得页面上任意字符的精确像素坐标，这在大多数浏览器中是不平凡的。

我正在研究通过Rangy页面上的可见文本进行导航的方法，这将有助于模拟左右箭头键，但Rangy无法帮助上下方向键。

来源

2012-04-09 23:47:15

非常感谢蒂姆，它似乎比我想象的要复杂一些，无论如何，模拟左右箭头对我来说都很好，请让我知道你什么时候有东西要测试;） – user1322373 2012-04-13 14:42:03

蒂姆，您好吗？我可以用rangy左右导航，但是当插入符号发现BR节点停止并且不跳到下一行时。对此有何帮助？ – user1322373 2012-05-11 21:18:10

@ user1322373：仍在继续工作，接近完成。应在接下来的几周内发布第一个版本。有新消息时，我会在这里发帖：http：//groups.google.com/group/rangy/topics – 2012-05-11 23:25:11

模拟内容可编辑div中的光标键（左，右，下，上箭头）？

回答

相关问题