实现监听浏览器复制事件向剪贴板添加自定义信息功能

/* 选中文本 */

const text = document.querySelector('.text');

const range = document.createRange(); // 创建选择对象

range.selectNode(text);

window.getSelection().addRange(range); // 选中

window.getSelection().removeRange(range); // 取消选中

window.addEventListener('copy', function(clipBoardEvent) {

var text = window.getSelection().toString();

console.log(clipBoardEvent);

clipBoardEvent.clipboardData.setData('text/plain', text + ' myinfo'); // 写入文本

clipBoardEvent.preventDefault();

});

实现监听浏览器复制事件向剪贴板添加自定义信息功能相关推荐

监听浏览器复制粘贴事件开箱即用的复制到剪切板
监听键盘ctrl+c ctrl+v area.onkeydown = (event) => { if (event.ctrlKey) {if (event.keyCode == 67) {ale ...
html5 浏览器退回事件,html5的pushstate以及监听浏览器返回事件的实现
这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器 ...
javaScript如何监听浏览器关闭事件
转载链接:http://www.cnblogs.com/Tim_Liu/archive/2010/11/09/1872596.html 最近写东西的时候发现需要对浏览器的关闭进行监听, 当用户关闭的时 ...
js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...
前端实现带二维码的工厂物料标签，发票生成以及打印（vue框架），以及监听浏览器打印事件的钩子函数
首先用一个变量来存放后台传过来的票据的数据,我们就用allPrintData来存放,然后在模板中,创建一个新的dom节点 <div id='printArea'></div> ...
Vue项目中监听全屏事件，实现全屏功能和按esc退出全屏（解决全屏踩坑难题）
展示效果: 全屏功能代码: <el-buttontype="button"id="full-btn-medium"@click="VideoF ...
js监听浏览器焦点事件
window.onfocus = function () {//焦点在当前窗口//功能函数 }window.onblur = function () {//焦点不在当前窗口//功能函数 } 当点击浏览 ...
js监听浏览器后退事件
$(function () {// 捕捉后退 $(document).ready(function (e) {window.history.pushState('forward', null, '#' ...
android 剪切板监听_安卓监听剪切复制粘贴事件实例
本文的剪切复制粘贴事件只针对文本,URI 和 intent 不在讨论范围内. 实例代码实现了2个功能: 监听剪切复制粘贴事件: 获取剪切复制或粘贴的文本: 剪切复制有2个方法监听剪切复制事件:剪切板 ...

实现监听浏览器复制事件向剪贴板添加自定义信息功能

实现监听浏览器复制事件向剪贴板添加自定义信息功能相关推荐

最新文章

热门文章

实现监听浏览器复制事件 向剪贴板添加自定义信息功能

实现监听浏览器复制事件 向剪贴板添加自定义信息功能相关推荐

最新文章

热门文章

实现监听浏览器复制事件向剪贴板添加自定义信息功能

实现监听浏览器复制事件向剪贴板添加自定义信息功能相关推荐