选取多个文件的方法

Posted 2023-04-16

以电脑为例，其选取多个文件的方法是：
1、选中连续的多个文件：先按住Shift不放，左键单击第一个要选中的文件，然后再左键单击最后一个要选中的文件。这样就能选中从第一个到最后一个中的所有文件。
2、选中不连续的多个文件：先按住Ctrl不放，左键单击需要选中的每个文件。
电脑（computer，又称计算机）是一种用于高速计算的电子计算机器，被称为“20世纪最先进的科学技术发明之一”。电脑由硬件系统和软件系统所组成，具有进行数值计算、逻辑计算和存储记忆等多项功能。它的应用领域从最初的军事科研应用扩展到社会的各个领域，带动了全球范围的技术进步。软件系统包括：操作系统、应用软件等。应用软件中电脑行业的管理软件，IT电脑行业的发展必备利器，电脑行业的erp软件。
更多关于选取多个文件的方法，进入：https://www.abcgonglue.com/ask/00fb761616096527.html?zd查看更多内容 参考技术A 14、1.在Word编辑文档时，若不小心做了误删除操作，可用（〕取消刚才的操作。
A、“粘贴”按钮 B、“撤消”按钮
C、“恢复”按钮 D、“复制”按钮

pdf.js实现文字可复制并且选取文字背景不一致，修改选取文字背景

参考技术A 一、安装和引入pdf.js包。（这里不再做过多的赘述）

二、渲染pdf，同事添加div，进行用来存储文字，保证文字可以被选取复制。

通过input标签获取到数据文件，然后通过getPDF（）方法进行渲染。

renderPDF（）方法

至此，其实已经实现了pdf文字可复制的要求。但是，由于各个div里的文字宽度和高度的不同，导致选取文字的时候，选取的背景颜色不同统一，需要进行统一背景样式。

思路：渲染完成pdf以后，监听页面的鼠标按下事件和鼠标弹起事件。当用户选取文字完成以后，获取选取文字的长度和宽度，获取选取文字距离上边框和右边框的值。通过获取的值来创建div并设置长度宽度以及背景颜色，对文字进行遮罩，最后取消用户选择的文字。

1、首先确认鼠标点击相对文档的开始位置：

2、确认用户选取的文字是从哪开始，在哪结束。

3、最后通过applyColours()进行渲染。

applyColours()判断了很多种情况，当用户值选择了一行的情况，当渲染的文字有还行递归调用回来的等多种情况。同事判断是否换行是通过第一个节点与第二个节点的top值绝对值是否大于10，大于10就表示换行。同时，节点后面两个节点如果就调用另外一个渲染方法。

otherMothodload（）方法：

至此，任务完成。

效果入下图：

未优化前：

优化后：

这种方法虽然实现背景的渲染，但是存在几个问题：

1、渲染第一行文字的位置是通过鼠标按下的位置来确定的，但是当用户鼠标按下的位置与选取的文字的位置偏差较大，会导致渲染的div与选取的文字位置有偏差。如下图：

2、选取文字的长度和宽度是通过获取文字的内容，文字的size，以及文字的字体。再页面中创建一个span标签，然后把文字带进document里，获取到宽度和高度。这种方法有些文字渲染出来的长度太长。如下图：

附上获取长度和宽度的方法：

以上两个问题，希望有大神给我一点思路和解决方案。欢迎小伙伴跟我一起讨论。

附上项目github：https://github.com/caohelen/pdfjs