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

embedded/2024/10/15 18:00:07/

需求背景:

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

上代码:

javascript">    // 使用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.ppmy.cn/embedded/127995.html

相关文章

Spring Boot 进阶-详解Spring Boot中使用Swagger3.0

在上篇文章中我们介绍了Spring Boot 整合Swagger3.0的一些基础用法,这篇文章中我们来深入学习一下Swagger3.0 还有其他高级用法。 在日常的开发中,为了减少工作量,我们会遇到一种情况,就是将前端的接口与后端的接口编写到同一个代码中,这样也提高了代码的复用率,减少了重…

nginx反向代理下的长连接

一、nginx使用场景 大型应用架构中,一般会使用nginx反向代理,分为三层: 1.调用层,浏览器或APP; 2.中间层,反向代理nginx; 3.服务层,server一般是apche、tomcat 请求调用过程&…

MySQL 【日期】函数大全(三)

DATEOFYEAREXTRACTFROM_DAYSFROM_UNIXTIMEHOURLAST_DAYLOCALTIMELOCALTIMESTAMP 1、DATEOFYEAR DATEOFYEAR(expr) :返回一个从 1 到 366 代表给定日期是一年中的第几天的数字。 如果指定的表达式不是一个合法的日期或者日期时间,DAYOFYEAR() 函数将返回…

python中的工具

一、Scapy Scapy是python语言编写的工具,也是一个强大的交付式数据包处理程序,能够伪造或者解码大量的网络协议数据包,能够发送、嗅探、剖析和伪造网络数据包,如端口扫描、路由跟踪、探测、攻击或网络发现等。 python3环境下&am…

编码风格之(7)C++语言规范(Google风格)2

编码风格之(6)C命名规范(Google风格) Author: Once Day Date: 2024年10月9日 一位热衷于Linux学习和开发的菜鸟,试图谱写一场冒险之旅,也许终点只是一场白日梦… 漫漫长路,有人对你微笑过嘛… 本文档翻译自《Google C Style Guide》&#…

10.10 LeetCode 3285 3280 3274

目录 leetcode 3285leetcode 3280leetcode 3274 leetcode 3285 class Solution { public:vector<int> stableMountains(vector<int>& height, int threshold) {vector<int> ans;for(int i1; i<height.size(); i){if(height[i-1] > threshold){ //…

2.1 机器学习--KNN算法(分类)

目录 1.KNN算法 1.1 算法介绍 1.2 算法原理 1.3 API介绍 1.4 代码实例 1.4.1.KNN电影分类 1.4.2.约会数据预测 1.KNN算法 1.1 算法介绍 本章节我们来学习一种分类算法&#xff0c;KNN&#xff08;K- Nearest Neighbor&#xff09;法&#xff0c;即 K 最邻近法&#xf…

【SSM详细教程】-02-Spring容器IOC详解

精品专题&#xff1a; 01.《C语言从不挂科到高绩点》课程详细笔记 https://blog.csdn.net/yueyehuguang/category_12753294.html?spm1001.2014.3001.5482https://blog.csdn.net/yueyehuguang/category_12753294.html?spm1001.2014.3001.5482 02. 《SpringBoot详细教程》课…