当前位置: 首页 > news >正文

JS 怎么监听复制事件 并获取复制内容 并修改复制文本内容

需求背景:

        需要禁用部分文本内容的复制事件,并且在复制事件发生时,将复制的文本内容通过接口传给后端。

上代码:

    // 使用Dom获取需要操作禁用时间的元素let element: any = document.getElementById('test1');// 为该元素添加 copy 事件监听器element.addEventListener('copy', function (event: any) {// 在这里编写你想要执行的操作console.log('复制事件被触发');var selection: any = window.getSelection();var selectedText = selection.toString();console.log(selectedText, '打印查看复制的文本内容')// 将selectedText调用接口传给后端// 可以通过 event.clipboardData 对象来设置剪贴板的数据event.clipboardData.setData('text/plain', '自定义的复制文本(替换复制的文本内容)');// 阻止默认的复制行为event.preventDefault();});

http://www.lryc.cn/news/457795.html

相关文章:

  • 安卓使用.9图实现阴影效果box-shadow: 0 2px 6px 1px rgba(0,0,0,0.08);
  • CSS3-Day1
  • 网站集群批量管理-Ansible(ad-hoc)
  • github学生认证(Github Copilot)
  • 【SQL调优指南--附带实例】
  • Java基础(下)
  • 【python】极简教程1-何为程序
  • 【Transformer】Selective Attention Improves Transformer
  • 博客项目自动化测试(一)
  • 电商商品API接口系列(商品详情数据)商品比价、数据分析、自营商城上货
  • 排序算法总结(一)冒泡排序和选择排序
  • 伺服电动缸
  • 深度学习中的logit到底是什么?
  • idea使用记录
  • Python - HTTP servers
  • 内网Debian\Ubuntu服务器安装dep包,基于apt-rdepends下载相关依赖
  • 大模型——如何实现超长多轮对话
  • 大数据面试-笔试SQL
  • 希尔排序和直接插入排序
  • IDEA 配置 Git 详解
  • Docker 部署 Redis 监控系统实战:Redis Exporter 与 Prometheus 完整配置指南
  • 高级算法设计与分析-MaxFlow网络流基础知识
  • Java项目实战II基于Java+Spring Boot+MySQL的桂林旅游景点导游平台(源码+数据库+文档)
  • C语言-输入输出
  • 如何在GitHub上传自己的项目?(一文看懂,每一步的操作和解决常见错误的方法)
  • 数据结构_day1
  • c# using 声明进行资源管理
  • Kafka之基本概念
  • 倪师学习笔记-天纪-斗数简介
  • Python酷库之旅-第三方库Pandas(143)