- const html = document.querySelector('html');
- html.oncopy = () => {
- alert('你复想制我呀');
- return false;
- };
- html.onpaste = () => false;
在复制时做些别的操作,比如跳转登陆页面
- const html = document.querySelector('html');
- html.oncopy = (e) => {
- console.log(e);
- // 比如指向百度或者登陆页
- // window.location.href='http://www.baidu.com';
- };
- html.onpaste = (e) => {
- console.log(e);
- };
如何使用 js 设置 / 获取剪贴板内容
- //设置剪切板内容
- document.addEventListener('copy', () => {
- const clipboardData =
- event.clipboardData || event.originalEvent?.clipboardData;
- clipboardData?.setData('text/plain', '不管复制什么,都是我!');
- event.preventDefault();
- });
- //获取剪切板的内容
- document.addEventListener('paste', () => {
- const clipboardData =
- event.clipboardData || event.originalEvent?.clipboardData;
- const text = clipboardData?.getData('text');
- console.log(text);
- event.preventDefault();
- });
登陆才能复制。很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据