基于指定Dom元素创建光标的方法、系统、装置和存储介质制造方法及图纸

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

【技术实现步骤摘要】
基于指定Dom元素创建光标的方法、系统、装置和存储介质


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

技术介绍

[0002]现如今，随着前端技术的快速成长，出现了许多基于浏览器进行在线协同办公、在线文档攥写、在线聊天沟通等场景。而为了实现这些场景中的消息回复或文字输入等功能，就需要对range光标进行定位处理。
[0003]在相关技术中，光标range的创建只能基于window与document，无法通过当前挂载的元素去获取。而且，对于不可编辑元素，如图片等，在创建光标时，需要在元素的两侧都创建占位符，比较复杂。此外，相关技术中无法准确的确定当前光标range的创建对象，可能会出现光标range挂载到别的节点的情况，影响光标挂载的准确性。
[0004]目前针对相关技术中，在创建光标时，存在的实现过程复杂、挂载准确率低等问题，尚未提出有效的解决方案。

技术实现思路

[0005]本申请实施例提供了一种基于指定Dom元素创建光标的方法、系统、装置和存储介质，以本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于指定Dom元素创建光标的方法，其特征在于，所述方法包括：触发生成光标，获取当前指定的Dom元素；获取光标实例，并扩展当前指定Dom元素的自定义事件，将光标挂载到所述当前指定Dom元素上；在所述当前指定Dom元素上插入节点的情况下，判断当前是否存在预留位置，如果不存在预留位置，则创建新的预留位置，在所述新的预留位置生成新的光标，并将当前Dom元素的scrollTop值重置为新的光标的offsetTop值，反之，如果存在预留位置，则直接在预留位置生成新的光标，并将当前Dom元素scrollTop值重置为新的光标的offsetTop值。2.根据权利要求1所述的方法，其特征在于，所述插入节点包括：通过调用window下继承的方法，在预留位置处插入节点内容。3.根据权利要求1所述的方法，其特征在于，将光标挂载到所述当前指定Dom元素上包括：判断所述光标是否成功挂载到所述当前指定Dom元素上，若挂载失败，则出现失败提示，反之则结束。4.根据权利要求1所述的方法，其特征在于，在Dom元素的scrollTop值设置完成之后，所述方法还包括：获取整个Dom元素，直接调用自定义或软件内部自带的编辑方法在所述Dom元素中编辑内容。5.一种基于指定Dom元素创建光标的系统，其特征在于，所述系统包括：获取模块，用于触发生成光标，获取当前指定的Dom元素；挂载模块，用于获取光标实例，并扩展当前指定Dom元素的自定义事件，将光标挂载到所述当前指定...

【专利技术属性】
技术研发人员：潘忠王，
申请(专利权)人：浙江百应科技有限公司，
类型：发明
国别省市：