当前位置：首页 > article >正文

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

article 2024/10/11 5:53:47

需求背景：

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

上代码：

    // 使用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.kler.cn/news/342258.html