CSS,JS - 仿windows资源管理器选择框

TheRainDay

于 2022-06-19 00:12:06 发布

阅读量725

点赞数

分类专栏： html css 文章标签： css javascript 前端

本文链接：https://blog.csdn.net/qq_24296409/article/details/125353408

版权

在创建个人网盘样式时，不使用模板，通过JavaScript和CSS来模仿Windows资源管理器的选择框功能。代码实现简洁，无需额外导入文件，包括HTML结构、CSS样式和可以优化的JavaScript部分，用于确定选定区域。

摘要由CSDN通过智能技术生成

最近在写一个个人网盘的样式（我这种人比较讨厌去用模板）请添加图片描述
（这不是在资源管理器内）

Javascript代码：

	isShowingRL=false;
    isSelecting=false;
    selectingRect = {
   "x":0, "y":0, "width":0, "height":0};
    selectbox = document.getElementById("stbx");
    document.addEventListener("mousedown", function(eve){
   
        isSelecting = [eve.clientX, eve.clientY, 0];
    });
    document.addEventListener("mousemove", function(eve){
   

    });
    document.addEventListener(