[发明专利]网页中可编辑区域光标定位方法

说明书

技术领域

本发明涉及定位技术，特别涉及网页中可编辑区域光标定位方法。

背景技术

网络技术的发展，互联网终端的普及，办公和生活的需要等因素，使网络成为很多用户日常活动不可或缺的部分。用户在打开网页使用可编辑区域框的时候遇到一个问题：本该在光标位置处显示的提示信息或特殊标识不准确，偏离光标显示。由于不同的字符占的字节数不同，浏览器在计算光标位置的时候会出现不准确的情况。该问题给用户不仅带来了视觉上的不便，而且可能影响用户正确使用编辑框。

现有的网页中光标定位方法解决的一般是打开网页光标直接在可编辑区域的某个位置出现，减少人工移动光标的动作，和上面的问题不属于同一类型。IE浏览器采用专有的封装函数解决了上述问题，但是，该方法不适用于其他类型的浏览器。用户在使用其他浏览器的时候要么使用不同的方法来解决该问题；要么不处理该问题，光标位置的提示信息显示就可能错误。由此可能带来不兼容的问题，缺少统一而又普遍适用的解决方法。

有鉴于此，需要一种简便而又适用于任何浏览器的可编辑区域内光标定位的统一方法来解决现有用户的使用问题。

发明内容

针对以上问题，本发明提出了网页中可编辑区域光标定位方法，该方法主要由以下步骤：首先获取可编辑区域相对于网页的绝对位置，然后复制与可编辑区域标签样式相同的可嵌入其他标签的标签，记录可嵌入其他标签的标签相对于网页的绝对位置，复制可编辑区域光标前的内容至可嵌入其他标签的标签内，在可嵌入其他标签的标签内容的光标位置处添加一可标记标签并记录可标记标签的绝对位置，根据可嵌入其他标签的标签的位置移动量确定光标的具体位置。

为实现上述发明内容，本发明采用了网页中可编辑区域光标定位方法，该方法的实现步骤如下：

a.获取光标所在的可编辑区域标签相对于当前网页的绝对位置(X，Y)；

b.在当前网页创建一与可编辑区域标签样式相同的div标签，并获取所述div标签相对于当前网页的绝对位置(X',Y')；

c.统计可编辑区域中起始位置至光标所在位置的字符串内容及长度并复制至所述div标签中；

d.在所述div标签内的字符串后添加一标记标签，记录标记标签相对于当前网页的绝对位置(M，N)；

e.计算所述div标签相对于可编辑区域的标签坐标位置变化(Δx，Δy)，其中Δx＝X'-X，Δy＝Y'-Y；

f.确定可编辑区域的光标相对于当前网页的绝对位置(M-Δx，N-Δy)。

优选地，所述可编辑区域标签类型包括textarea标签、input标签。

优选地，所述标记标签包括可在所述div标签内用作标记的任何HTML类型的标签。

进一步地，光标位置在原可编辑区域发生变化时，所述div标签中原内容清除，依次执行所述步骤c、d、e、f。

进一步，在得到光标位置后可作进一步的操作，本发明中为可标记标签添加背景颜色，增强光标位置的效果，即使位置快速变化仍然不会对用户带来困扰；或者增加相关语句、图片、视频等内容。

与现有技术相比，本发明采用技术简单，可操作性强，可快速实现光标定位，且不受浏览器的限制。

附图说明

图1为本发明所提供的网页中可编辑区域光标定位方法的流程图；

图2为本发明所提供的网页中可编辑区域光标定位方法的实施例一；

图3为本发明所提供的网页中可编辑区域光标定位方法的实施例二。

具体实施方式

为了使本发明所提到的网页中可编辑区域光标定位方法及其优点更加清楚明确，以下参照附图对本发明进行更进一步的详细说明。

图1为本发明所提供的网页中可编辑区域光标定位方法的流程图，如图1所示，该方法的主要流程步骤如下：

步骤101，获取光标所在的可编辑区域标签相对于网页的绝对位置。

以网页页面坐标位置为参照，获取光标所在的可编辑区域相对于网页页面的绝对坐标位置。

步骤102，复制与可编辑区域标签样式相同的可嵌入其他标签的标签，记录可嵌入其他标签的标签相对于网页的绝对位置。

根据可编辑区域的样式信息，自动在指定区域复制与可编辑区域标签样式完全相同的可嵌入其他标签的标签，获取并记录可嵌入其他标签的标签相对于网页的绝对坐标位置。其中，可嵌入其他标签的标签的指定位置可以是与可编辑区域重合的，也可以是不同的位置。