# API 介绍:

# 复制、剪切、粘贴事件:
copy发生复制操作时触发;cut发生剪切操作时触发;paste发生粘贴操作时触发;每个事件都有一个 before 事件对应:beforecopy、beforecut、beforepaste;
这几个 before 一般不怎么用,所以我们把注意力放在另外三个事件就可以了。
触发条件:
鼠标右键菜单的复制、粘贴、剪切;
使用了相应的键盘组合键,比如:command+c、command+v;
就算你是随便按的,也会触发事件。高程中介绍在Chorme、Firefox和Safari中,这几个 before 事件只会在真实会发生剪贴板事件的情况下触发,IE 上则可以触发 before。我实际测试的时候最新版chorme也会乱按也会触发,所以限制应该是在早一点的版本上。
so 想说的是:before 这几个事件最好不要用,有关于剪切板的处理最好放在copy、cut、paste上面。
使用姿势:
以copy 为例:
document.body.oncopy= e=>{// 监听全局复制 做点什么};// 还有这种写法: document.addEventListener('copy', e=>{// 监听全局复制 做点什么});
1
2
3
4
5
6
7
上面是在document.body上全局监听的,然而很多人不知道的是,我们还可以为某些 dom 单独添加剪切板事件:
// html结构