基于Fixed定位的框选功能的实现代码(2)

排除这四种情况以外就是选框和被框选元素存在交集,给这些div加上class,因为移动过程中也需要让用户感知到被框选的元素,所以上述方法在mousemove中也要执行。

在mouseup中判断被框选元素后,将选框置为display:none。

功能demo地址

参考链接

https://www.jb51.net/article/161132.htm
https://developer.mozilla.org/zh-CN/docs/Web/CSS/position
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/04aa21ecb6ebafd848aa607f8acaaaac.html