Cela dépend de la façon dont vous le considérez, je vous propose une méthode simple,
Lorsque vous déplacez la souris, récupérez e.target et enregistrez-le, puis filtrez ceux que vous souhaitez via la fonction function, c'est aussi simple que cela# 🎜🎜 #

Prenons Baidu Netdisk comme exemple. Mon idée est la suivante : comme la hauteur de chaque élément de la liste est fixe, il vous suffit de comparer l'intersection du rectangle formé lorsque la souris est déplacée avec le rectangle de l'élément de liste entier et le montant. de calcul sera beaucoup plus petit.

La méthode spécifique est la suivante :

Lorsque

1. mousedown, calculez l'index de l'élément de liste de départ
   2. (offsetTop of 起始的列表项 + offsetTop of mouseup) / hauteur de l'élément de liste, puis plafonnez le résultat pour obtenir le numéro sélectionné.

2. Nous avons l'index de l'élément de la liste de départ et le nombre d'éléments sélectionnés, il est donc facile de calculer quels éléments sont sélectionnés.

La hauteur du conteneur parent, la hauteur de l'élément scrollTop/list du conteneur parent est fixe, le haut relatif du rectangle et la hauteur du rectangle
Ces variables devraient suffire

按下标记关闭;
按下点坐标 = {x: null; y: null};
抬起点坐标 = {x: null; y: null};
已选取元素数组 = [];
document.onmousedown {
    按下标记开启
    按下点坐标 = {x: 鼠标当前横向偏移; y: 鼠标当前纵向偏移};
}

待选元素.onmouseover {
    如果按下标记开启，加入已选取元素数组
}

document.onmouseup {
    按下标记关闭
    清空已选取元素数组
    抬起点坐标 = {x: 鼠标当前横向偏移; y: 鼠标当前纵向偏移};
}

利用已选取元素数组操作已选中的元素
利用按下点坐标、抬起点坐标绘制框选层

Ce qui précède est la logique complète, veuillez essayer d'écrire le code vous-même !