user-select 和 鼠标框选表格项有冲突怎么解决

1. 问题

        在出现表格既要选中内容又要实现鼠标框选行,这样会出现冲突,导致出现阴影小蒙层,也取消不掉,还会把框选的所有数据的内容全部选中。

2. 思路方案

        2.1 区分可框选元素和文本元素、在表格设计中,明确区分哪些元素是要框选的(如整个行或特定的单元格),哪些元素是仅供阅读的文本。可以通过不同的样式或布局来区分这些元素,以减少混淆。

        2.2 以上面为例,多选框是不需要复制的,右边的内容是需要复制的,所以在我们选择是否可以框选时,多选框列可以框选,内容不需要框选,分为左右两大列。

         2.3 以上可以解决框选问题,但是从左往右框选会发现右边的内容都会被选中,把多选框的td设置user-select 为none就可以了。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值