javascript - 获取 contenteditable div 中插入符号位置之前和之后的节点/元素

标签 javascript gwt contenteditable jsni

我的 GWT 应用程序中有一个 contenteditable div,当我按退格键或删除键时,我想获取插入符位置之前和之后的节点,并检查它是否是文本节点。

Element element = DOM.createDiv(); 
element.setAttribute(contenteditable, "true");
basePanel.getElement().appendChild(element);

这就是我创建内容可编辑 div 的方式。

任何解决方案将不胜感激。

问候。

最佳答案

深入研究选择和范围类。它们尚不兼容浏览器,因此您可以使用

https://code.google.com/p/rangy/
jquery++

用于抽象。然后为 div 创建一个范围,将其两端扩展 1。然后检查 startcontainer 和 endcontainer 以找出它们的节点类型。

选择和范围 api 并不太漂亮,并且使用它们比必要的更复杂,但这就是完成它的方法。

关于javascript - 获取 contenteditable div 中插入符号位置之前和之后的节点/元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15583673/

相关文章:

javascript - GXT 不工作

javascript - 如何使用相对大小的ScrollPanel

css - IE 中的 Contenteditable 内联样式

javascript - 使用jQuery UI Draggable,使用滚动条时如何避免拖动?

javascript - 函数属性的真正含义是什么

javascript - 移至选项卡但不重新加载

java - GWT TextBox - 编辑期间值更改通知

javascript - NativeScript 绑定(bind)表达式中的多个属性

javascript - 渐变填充内容可编辑的 HTML 文本

javascript - 在不插入多余标签的情况下关闭 contenteditable 中的 <ul/> 标签