突出显示所选文本并同时获取实例
Highlighting selected text and getting the occurrence at the same time
我是JavaScript的新手,正在尝试编写一个简单的荧光笔工具。每个函数单独工作正常,但是在组合时,出现次数不再正常工作。这是我的代码,http://jsfiddle.net/mrBXu/,问题是当您第一次选择任何"The"时,出现效果很好,但是如果您选择它,它就不再正确了。提前感谢您的帮助!
不幸的是,您要做的事情并不容易。它在第二次尝试中不起作用的原因是因为您插入了一个范围来突出显示。第一次选择文本时,startContainer 是一个位于"p"标签内的 textNode。第二次选择时,startContainer 是一个 textNode,它从您插入的跨度末尾开始。您需要执行的操作将需要更多的代码。你不仅需要检查 startContainer,还需要找到它与 "p" 标签的关系,并检查 "p" 标签内 startContainer 之前的所有节点。
下面是一个工作示例:http://jsfiddle.net/mrBXu/4/
相关文章:
- 使用jQuery获取Dropzone实例/对象
- 如何在速度模板中获取LiferayPortlet实例id
- 如何获取单选按钮的多个实例的选定单选按钮值
- 无法在XUL Firefox扩展中获取TinyMCE的实例
- 如何在另一个组件中获取指令/组件实例
- 如何从一个友好的iframe中获取iframe实例
- 更新Redux状态&然后在同一实例中获取更新状态
- 从对象实例中获取变量名称
- 可以获取模板实例值,但不能将其用于其他函数
- 突出显示所选文本并同时获取实例
- 如何获取先前创建的Google图表的实例
- 获取JSON标记(JAVASCRIPT)中的所有JSON实例
- jquery获取类的下一个实例的值
- 如何在 JavaScript 中获取实例名称
- 如何在angularjs中获取实例函数
- Jquery 获取实例并将其写入输入字段
- Javascript:如何获取实例的名称
- AJAX请求可以't从Rails应用程序中的控制器获取实例变量
- $uibModal:从方法中获取实例
- 如果重新分配了原型和构造函数,如何获取实例名称