Viselect

Viselect 是一个前端 JavaScript 库，用来在网页上实现类似桌面系统的框选操作：按住鼠标拖出一个矩形区域，区域内被碰到的元素就被选中。它面向需要给用户提供批量选择交互的开发者，比如文件管理器、图片墙、看板或表格类界面。

主要功能

核心包不依赖任何第三方运行时库，体积很小。除了拖拽框选，还支持单击或点按选中单个元素，按住 Shift 扩展选区或做范围选择。触摸屏上的手指拖选也能处理，纵向和横向滚动的容器同样支持。选中行为可以配置，比如触发方式、拖动阈值、判定相交还是完全包含、重叠规则等；库还提供事件和 API，让开发者以代码方式观察、取消或管理选区。

框架与接入

官方提供 React、Preact 和 Vue 3 的封装包，其他框架可以直接用原生版本。文档站上有快速上手、API 参考和示例页面，照着示例把选择区域挂到容器上即可。

适合谁

适合正在做 Web 前端、需要框选交互的开发者；如果只是普通用户想找现成软件，这个库本身不提供可直接使用的界面。

费用与许可

以 MIT 许可证发布，可免费使用，版权标注为 2018 年至今的 Simon Reinisch。页面没有提到账号、登录或付费版本。