[发明专利]web表格数据拖拽复制方法、设备及存储介质

权利要求书

1.一种web表格数据拖拽复制方法，其特征在于，所述方法包括以下步骤：

构建主体表格和选择器组件；

监听捕获并识别主体表格上发生鼠标点击或键盘敲击事件；

如果是单元格鼠标点击事件，将选择器组件呈现在表格界面上，并根据捕获的单元格坐标定位值，将选择器组件定位到事件单元格，在被点击的单元格周围绘制渲染第一选取框；

在鼠标按下选择器组件上的拖拽句柄组件时，获取选中单元格中的值，并将其保存到中间寄存变量中；

当完成拖拽后，捕获到拖拽终止点单元格的坐标，重新计算选取范围，并绘制渲染第二选取框；

当拖拽操作与第二选取框绘制完成后，将中间寄存变量的值设定到第二选取框框选的单元格中。

2.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述主体表格使用HTML的table元素构建渲染。

3.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述选择器组件使用HTML的容器元素构建。

4.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述选择器组件在表格初始化的时候，随同主体表格一同加载，并定位在表格视口范围内；

所述选择器组件加载时，其内边框略大于一个常规单元格外边框的尺寸；

所述选择器组件置于主体表格图层下。

5.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述鼠标和键盘事件监听绑定在主体表格的第一个父容器上。

6.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述选取框的绘制渲染具体步骤包括：

设定选择器组件边框为设定的可见颜色；

根据被点击的单元格实际大小调整选择器组件边框长宽尺寸；

选择器组件内容部位设定为透明。

7.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，所述拖拽句柄组件具体为：

选择器组件在构建时使用一个块元素构建成一个供鼠标拖拽的句柄。

8.根据权利要求1所述的一种web表格数据拖拽复制方法，其特征在于，在选取框呈现在界面上时，所述拖拽句柄组件以小方块的样式附加在选取框上；

当鼠标悬停在拖拽句柄组件上时，变化鼠标指针样式，此时按下鼠标左键可进行拖拽操作。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8任一项所述的web表格数据拖拽复制方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-8任一项所述的web表格数据拖拽复制方法的步骤。