监听浏览器复制粘贴事件开箱即用的复制到剪切板

监听键盘ctrl+c ctrl+v

    area.onkeydown = (event) => { if (event.ctrlKey) {if (event.keyCode == 67) {alert('ctrl+c复制')event.keyCode = 0;}if (event.keyCode == 86) {alert('ctrl+v粘贴')}}};

监听浏览器右键复制粘贴

   let isRight = false;area.onmousedown = (event) => { // 右键event = window.event || event;if (event.button == 2) {isRight = true;}};area.oncopy = () => { // 监听浏览器复制事件if (isRight == true) {alert('右键复制')isRight=false}};area.onpaste = () => { // 监听浏览器粘贴事件if (isRight == true) {alert('右键粘贴')isRight=false}}

area 是获取的文本域的节点，必须是dom的真实节点

手写一个复制到剪切板的方法

export default function copyToClipboard(text) {let textArea = document.createElement("textarea");textArea.style.position = "fixed";textArea.style.top = "0";textArea.style.left = "0";textArea.style.width = "2em";textArea.style.height = "2em";textArea.style.padding = "0";textArea.style.border = "none";textArea.style.outline = "none";textArea.style.boxShadow = "none";textArea.style.background = "transparent";textArea.value = text;document.body.appendChild(textArea);textArea.select();try {let successful = document.execCommand("copy");let msg = successful? "成功复制到剪贴板": "该浏览器不支持点击复制到剪贴板";alert(msg);} catch (err) {alert("该浏览器不支持点击复制到剪贴板");}document.body.removeChild(textArea);
}

监听浏览器复制粘贴事件开箱即用的复制到剪切板相关推荐

[轉]Flash/Flex监听浏览器的关闭事件
FROM : http://blog.ityao.com/archives/581 如果想用Flash/Flex监听浏览器的关闭事件, 可以通过JavaScript的window.onbeforeun ...
监听浏览器的返回事件，禁止浏览器返回
//禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){// ...
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...
监听浏览器窗口关闭事件onbeforeunload不起作用
先贴代码 <body><! ...
js监听浏览器关闭页面事件
window.onbeforeunload = function() {//功能函数 } window.onbeforeunload = function(e) {var e = window.eve ...
javaScript如何监听浏览器关闭事件
转载链接:http://www.cnblogs.com/Tim_Liu/archive/2010/11/09/1872596.html 最近写东西的时候发现需要对浏览器的关闭进行监听, 当用户关闭的时 ...
android 剪切板监听_安卓监听剪切复制粘贴事件实例
本文的剪切复制粘贴事件只针对文本,URI 和 intent 不在讨论范围内. 实例代码实现了2个功能: 监听剪切复制粘贴事件: 获取剪切复制或粘贴的文本: 剪切复制有2个方法监听剪切复制事件:剪切板 ...
html5 浏览器退回事件,html5的pushstate以及监听浏览器返回事件的实现
这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器 ...
js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...

监听浏览器复制粘贴事件开箱即用的复制到剪切板

监听键盘ctrl+c ctrl+v

监听浏览器右键复制粘贴

手写一个复制到剪切板的方法

监听浏览器复制粘贴事件开箱即用的复制到剪切板相关推荐

最新文章

热门文章