1. 问题
在出现表格既要选中内容又要实现鼠标框选行,这样会出现冲突,导致出现阴影小蒙层,也取消不掉,还会把框选的所有数据的内容全部选中。
2. 思路方案
2.1 区分可框选元素和文本元素、在表格设计中,明确区分哪些元素是要框选的(如整个行或特定的单元格),哪些元素是仅供阅读的文本。可以通过不同的样式或布局来区分这些元素,以减少混淆。
2.2 以上面为例,多选框是不需要复制的,右边的内容是需要复制的,所以在我们选择是否可以框选时,多选框列可以框选,内容不需要框选,分为左右两大列。
2.3 以上可以解决框选问题,但是从左往右框选会发现右边的内容都会被选中,把多选框的td设置user-select 为none就可以了。