element table组件实现shift选中区间行之后,选中行的文字也被选中怎么办

2023-10-27

我的解决办法简单粗暴,直接在vue项目文件中的app.vue文件内,监听shift的键盘按下抬起事件,改变当前整个项目的userSelect样式即可

代码如下:

mounted(){
      addEventListener("keydown", this.keyDown, false);
      addEventListener("keyup", this.keyUp, false);
    },
    beforeDestroy() { //解绑
      removeEventListener("keydown", this.keyDown);
      removeEventListener("keyup", this.keyUp);
    },
// 为了禁止shift时选中表格内文字
      keyDown(event) {
        let key = event.keyCode;
        if (key == 16) {
          document.getElementById('app').style.userSelect = 'none'
        }
      },
      keyUp(event) {
        let key = event.keyCode;
        if (key == 16) {
          document.getElementById('app').style.userSelect = 'text'
        }
      },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

element table组件实现shift选中区间行之后,选中行的文字也被选中怎么办 的相关文章

随机推荐

  • 基本的线程机制

    一 线程概念 并发编程使我们可以将程序划分成多个分离的 独立运行的任务 通过使用多线程机制 这些独立任务中的每一个都将由执行线程来驱动 一个线程就是在进程中的一个单一的顺序控制流 因此 单个进程可以拥有多个并发执行的任务 但是你的程序是的每
  • PostgreSQL:流复制环境清除 pg_xlog 日志

    2019独角兽企业重金招聘Python工程师标准 gt gt gt 今天一流复制 Streaming Replication 数据库一目录空间告警 经查是 pg xlog 目录 WAL 日志文件过多 已超过阀值 pg xlog 是数据库重做
  • springboot整合LogstashTcpSocketAppender日志保存到ELK

    1 安装elasticsearch 2 安装kibana 3 安装logstash 配置logstash springboot logstash conf文件如下 input tcp mode gt server host gt 127 0
  • CMAKE 中 add_definitions的用法.

    1 官方的说明 Adds D define flags to the compilation of source files add definitions DFOO DBAR Adds definitions to the compile
  • 树莓派安装MJPG-streamer

    文章目录 一 简介 1 MJPG streamer方案的实现 2 JPEG MJPG格式简介 二 测试USB摄像头 1 开启摄像头服务 2 显示USB设备 3 查看设备文件 三 安装 1 更新源 2 安装必要的库 3 下载安装文件 4 编译
  • IPsec中IKE与ISAKMP过程分析(主模式-消息1)

    IPsec协议族中IKE Internet Key Exchange 是一种基于ISAKMP的协议 它为建立IPSec安全通信隧道提供了一种无痕密钥交换的机制 简单来说 IKE就是ISAKMP的扩展 为ISAKMP提供了更加高效 灵活和安全
  • ERP系统31.83版本发布,解决企业供应链管理难题

    近日 ERP系统31 83版本正式发布 无处不在的互联网 正在改变企业与用户的连接方式 一旦享受过什么叫实时 就再也无法忍受延迟 一旦感受过什么叫便捷 就再也无法忍受繁琐 企业如何全方位提高服务效率和用户体验 此次升级的智邦国际ERP系统3
  • [git] 小乌龟工具TortoiseGit记住账号密码 ——简单版操作指南

    如何让小乌龟 记住用户名和密码的操作指南 问题描述 步骤1 步骤2 问题描述 在小乌龟的使用过程中 每次push或者pull都要重复输入账号密码 非常麻烦 如果能记住账号密码就好了 这样就省去了时间 那么 怎么设置记住密码 步骤1 打开自己
  • JS中的类相关操作

    1 类相关操作 注意是 通过style属性来修改元素的样式 每修改一个样式 浏览器就需要重新渲染一次页面 这样的执行的性能是比较差的 而且这种形式当我们修改多个样式时 也不太方便 解决方案是 通过修改的class类名的方式 来达到效果 可以
  • 从零开始搭建游戏服务器第二天

    1 搭建开发环境 因为游戏服务器大多部署在linux系统下 所以这里选择的是Centos 7作为开发环境的镜像 预期以后的编译和调试也会在这个镜像上面进行开发 用镜像的方式开发有一个好处是可以随时打包带走 避免到一台新的机器上又要重新搭建开
  • 大数据--关联规则挖掘案例

    环境 虚拟机hive 本地spark python pyspark 数据 商品订单数据 商品种类数据 步骤 将数据上传到hdfs后 在python中完成hive表的创建 数据处理 关联规则挖掘 数据可视化 实现功能 对商品订单中的信息进行挖
  • 初 等 矩 阵

    定义 对单位阵进行一次初等变换后得到的矩阵称为初等矩阵 三种初等矩阵 初等矩阵的性质 初等矩阵的转置仍为同类型的初等矩阵 初等矩阵的行列式 初等矩阵都是非奇异的 矩阵行变换相当于左乘初等矩阵 矩阵列变换相当于右乘初等矩阵 以下命题是等价的
  • Spring的基础知识点,面试常问

    1 Spring是什么 Spring是一个轻量级的IoC和AOP容器框架 是为Java应用程序提供基础性服务的一套框架 目的是用于简化企业应用程序的开发 它使得开发者只需要关心业务需求 常见的配置方式有三种 基于XML的配置 基于注解的配置
  • 基于深度学习的CSI反馈(CsiNet)

    目录 前言 文章主旨 文章背景 现有CSI反馈方法 1 基于码本的CSI反馈方法 2 基于压缩感知的CSI反馈 研究动机 创新点 将CSI视为 图像 CsiNet特性 系统模型和CSI反馈 模型实现 encoder到decoder的层数按顺
  • 修改 input 中 placeholder的 颜色和 字体大小

    在微信小程序中使用 修改 input 中 placeholder 的字体大小 直接在里面添加 style 第一种 只能修改微信小程序
  • python paramiko_Python--Paramiko

    一 基本使用 paramiko是SSH协议的python实现 用于连接远程服务器进行命令交互和文件传输 import paramiko cmd ls task info ps aux 创建客户端对象 ssh paramiko SSHClie
  • python爬虫selenium---Boss直聘

    爬虫初衷是为了练习python爬虫和数据的收集及分析能力 内容均为网站用户可访问到的内容 不涉及隐私 爬了两份数据 一个是设计师岗位 一个是python岗位 爬虫过程 1 爬虫内容始终为正在加载 由于Boss直聘是动态网页 所以需要先观察网
  • 数据库SQL查询(二)之连接查询

    本文介绍SQL查询 如何在海量数据中筛选想要数据 数据库管理系统选择 关系型数据库mysql 数据库管理工具选择 navicat 本文中查询语句和查询案例参考自 https edu csdn net course detail 27673
  • 风靡朋友圈的妙鸭相机,到底用了哪些底层技术?

    不知道大家近期的朋友圈有没有被和海马体 天真蓝如出一辙的AI写真刷屏 这些面若桃花 精致到头发丝 光影充满氛围感的写真都是一款叫 妙鸭相机 的小程序生成的 只要9 9 就能体验999写真 虽然只要9 9 但生成的照片真的很逼真 在大家被Ch
  • element table组件实现shift选中区间行之后,选中行的文字也被选中怎么办

    我的解决办法简单粗暴 直接在vue项目文件中的app vue文件内 监听shift的键盘按下抬起事件 改变当前整个项目的userSelect样式即可 代码如下 mounted addEventListener keydown this ke