[发明专利]基于指定Dom元素创建光标的方法、系统、装置和存储介质

说明书

本申请涉及一种基于指定Dom元素创建光标的方法、系统、装置和存储介质，其中，该方法包括：触发生成光标，获取当前指定的Dom元素；获取光标实例，并扩展当前指定Dom元素的自定义事件，将光标挂载到当前指定Dom元素上；在当前指定Dom元素上插入节点的情况下，判断当前是否存在预留位置，如果不存在预留位置，则创建新的预留位置，在新的预留位置生成新的光标，并将当前Dom元素的scrollTop值重置为新的光标的offsetTop值，反之，如果存在预留位置，则直接在预留位置生成新的光标，并将当前Dom元素scrollTop值重置为新的光标的offsetTop值。解决了在创建光标时，存在的实现过程复杂、挂载准确率低等问题，提高了挂载准确率。且在点击对象切换时，不需要缓存之前的range对象，节约资源。

技术领域

本申请涉及计算机技术领域，特别是涉及基于指定Dom元素创建光标的方法、系统、装置和存储介质。

背景技术

现如今，随着前端技术的快速成长，出现了许多基于浏览器进行在线协同办公、在线文档攥写、在线聊天沟通等场景。而为了实现这些场景中的消息回复或文字输入等功能，就需要对range光标进行定位处理。

在相关技术中，光标range的创建只能基于window与document，无法通过当前挂载的元素去获取。而且，对于不可编辑元素，如图片等，在创建光标时，需要在元素的两侧都创建占位符，比较复杂。此外，相关技术中无法准确的确定当前光标range的创建对象，可能会出现光标range挂载到别的节点的情况，影响光标挂载的准确性。

目前针对相关技术中，在创建光标时，存在的实现过程复杂、挂载准确率低等问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种基于指定Dom元素创建光标的方法、系统、装置和存储介质，以至少解决相关技术中在创建光标时，存在的实现过程复杂、挂载准确率低等问题。

第一方面，本申请实施例提供了一种基于指定Dom元素创建光标的方法，所述方法包括：

触发生成光标，获取当前指定的Dom元素；

获取光标实例，并扩展当前指定Dom元素的自定义事件，将光标挂载到所述当前指定Dom元素上；

在所述当前指定Dom元素上插入节点的情况下，判断当前是否存在预留位置，如果不存在预留位置，则创建新的预留位置，在所述新的预留位置生成新的光标，并将当前Dom元素的scrollTop值重置为新的光标的offsetTop值，反之，如果存在预留位置，则直接在预留位置生成新的光标，并将当前Dom元素scrollTop值重置为新的光标的offsetTop值。

在其中一些实施例中，所述插入节点包括：

通过调用window下继承的方法，在预留位置处插入节点内容。

在其中一些实施例中，将光标挂载到所述当前指定Dom元素上包括：

判断所述光标是否成功挂载到所述当前指定Dom元素上，若挂载失败，则出现失败提示，反之则结束。

在其中一些实施例中，在Dom元素的scrollTop值设置完成之后，所述方法还包括：

获取整个Dom元素，直接调用自定义或软件内部自带的编辑方法在所述Dom元素中编辑内容。

第二方面，本申请实施例提供了一种基于指定Dom元素创建光标的系统，所述系统包括：

获取模块，用于触发生成光标，获取当前指定的Dom元素；

挂载模块，用于获取光标实例，并扩展当前指定Dom元素的自定义事件，将光标挂载到所述当前指定Dom元素上；