分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js来监控复制粘贴

发布时间:2023-09-06 01:43责任编辑:郭大石关键词:js

    平时我们在复制网页上面代码到控制台调试时,有时会出现复制过来的代码后面加上了一下描述信息(作者、版权等信息),每次需要删除才能运行,所以今天看看怎么能保证我们粘贴的代码不携带这些信息呢?

(function() { ?document.addEventListener(‘copy‘,(e)=>{ ???e.preventDefault(); ???e.stopPropagation(); ???console.info(‘触发复制事件‘); ???/** ??????返回一个Selection对象,表示用户选择的文本范围或光标的当前位置 ?????Selection.getRangeAt返回一个包含当前选区内容的区域对象 ???*/ ???let text = window.getSelection().getRangeAt(0); ???let node = document.createElement(‘div‘); ???// cloneContents方法把范围(Range)的内容复制到一个DocumentFragment对象 ???node.appendChild(window.getSelection().getRangeAt(0).cloneContents()); ???/** ???????ClipboardEvent.clipboardData 属性保存了一个 DataTransfer 对象,这个对象可用于: ??????描述哪些数据可以由 cut 和 copy 事件处理器放入剪切板,通常通过调用 setData(format, data) 方法; ??????获取由 paste 事件处理器拷贝进剪切板的数据,通常通过调用 getData(format) 方法 ???*/ ???if(e.clipboardData){ ?????e.clipboardData.setData("text/html", node.innerHTML); ?????e.clipboardData.setData("text/plain",text); ???}else if(window.clipboardData){ ?????return window.clipboardData.setData("text", text); ???} ?})}());

js来监控复制粘贴

原文地址:https://www.cnblogs.com/colima/p/8479310.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved