常见方法
 
查了一下万能的Google，现在常见的方法主要是以下两种：
 
第三方库：clipboard.js
 
原生方法：document.execCommand()
 
分别来看看这两种方法是如何使用的。
 
clipboard.js
 
这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。
 
引用
 
直接引用：
 
包： npm install clipboard --save，然后import Clipboard from 'clipboard';
 
使用
 
从输入框复制
 
现在页面上有一个 标签，我们需要复制其中的内容，我们可以这样做：
 
点我复制
 
import Clipboard from 'clipboard';
 
const btnCopy = new Clipboard('btn');
 
注意到，在 标签中添加了一个 data-clipboard-target属性，它的值是需要复制的 的 id，顾名思义是从整个标签中复制内容。
 
直接复制
 
有的时候，我们并不希望从 中复制内容，仅仅是直接从变量中取值。如果在 Vue 中我们可以这样做：
 
点我复制
 
import Clipboard from 'clipboard';
 
const btnCopy = new Clipboard('btn');
 
this.copyValue = 'hello world';
 
事件
 
有的时候我们需要在复制后做一些事情，这时候就需要回调函数的支持。
 
在处理函数中加入以下代码：
 
// 复制成功后执行的回调函数
 
clipboard.on('success', function(e) {
 
console.info('Action:', e.action); // 动作名称，比如：Action: copy
 
console.info('Text:', e.text); // 内容，比如：Text：hello word
 
console.info('Trigger:', e.trigger); // 触发元素：比如：点我复制
 
e.clearSelection(); // 清除选中内容
 
});
 
// 复制失败后执行的回调函数
 
clipboard.on('error', function(e) {
 
console.error('Action:', e.action);
 
console.error('Trigger:', e.trigger);
 
});
 
小结
 
文档中还提到，如果在单页面中使用 clipboard ，为了使得生命周期管理更加的优雅，在使用完之后记得 btn.destroy()销毁一下。
 
clipboard 使用起来是不是很简单。但是，就为了一个 copy 功能就使用额外的第三方库是不是不够优雅，这时候该怎么办？那就用原生方法实现呗。
 
document.execCommand()方法
 
先看看这个方法在 MDN 上是怎么定义的：
 
which allows one to run commands to manipulate the contents of the editable region.
 
意思就是可以允许运行命令来操作可编辑区域的内容，注意，是可编辑区域。
 
定义
 
bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
 
方法返回一个 Boolean 值，表示操作是否成功。
 
aCommandName ：表示命令名称，比如： copy, cut 等(更多命令见命令)；
 
aShowDefaultUI：是否展示用户界面，一般情况下都是 false；
 
aValueArgument：有些命令需要额外的参数，一般用不到；
 
兼容性
 
这个方法在之前的兼容性其实是不太好的，但是好在现在已经基本兼容所有主流浏览器了，在移动端也可以使用。
 

 
使用
 
从输入框复制
 
现在页面上有一个 标签，我们想要复制其中的内容，我们可以这样做：
 
点我复制
 
js代码
 
const btn = document.querySelector('#btn');
 
btn.addEventListener('click', () => {
 
const input = document.querySelector('#demoInput');
 
input.select();
 
if (document.execCommand('copy')) {
 
document.execCommand('copy');
 
console.log('复制成功');
 
}
 
})
 
其它地方复制
 
有的时候页面上并没有 标签，我们可能需要从一个 
 

   中复制内容，或者直接复制变量。
  
还记得在 execCommand()方法的定义中提到，它只能操作可编辑区域，也就是意味着除了 、 这样的输入域以外，是无法使用这个方法的。
  
这时候我们需要曲线救国。
  
点我复制
  
js代码
  
const btn = document.querySelector('#btn');
  
btn.addEventListener('click',() => {
  
const input = document.createElement('input');
  
document.body.appendChild(input);
  
input.setAttribute('value', '听说你想复制我');
  
input.select();
  
if (document.execCommand('copy')) {
  
document.execCommand('copy');
  
console.log('复制成功');
  
}
  
document.body.removeChild(input);
  
})
  
算是曲线救国成功了吧。在使用这个方法时，遇到了几个坑。
  
遇到的坑
  
在Chrome下调试的时候，这个方法时完美运行的。然后到了移动端调试的时候，坑就出来了。
  
对，没错，就是你，ios。。。
  
1、点击复制时屏幕下方会出现白屏抖动，仔细看是拉起键盘又瞬间收起
  
知道了抖动是由于什么产生的就比较好解决了。既然是拉起键盘，那就是聚焦到了输入域，那只要让输入域不可输入就好了，在代码中添加 input.setAttribute('readonly', 'readonly'); 使这个 是只读的，就不会拉起键盘了。
  
2、无法复制
  
这个问题是由于 input.select() 在ios下并没有选中全部内容，我们需要使用另一个方法来选中内容，这个方法就是 input.setSelectionRange(0, input.value.length);。
  
完整代码如下：
  
const btn = document.querySelector('#btn');
  
btn.addEventListener('click',() => {
  
const input = document.createElement('input');
  
input.setAttribute('readonly', 'readonly');
  
input.setAttribute('value', 'hello world');
  
document.body.appendChild(input);
  
input.setSelectionRange(0, 9999);
  
if (document.execCommand('copy')) {
  
document.execCommand('copy');
  
console.log('复制成功');
  
}
  
document.body.removeChild(input);
  
})
  
总结
  
以上就是关于JavaScript如何实现复制内容到剪贴板，附上几个链接：
 

 
剪贴板功能介绍
 
复制粘贴谁都会，但是你对剪贴板功能有多少了解呢?下面跟小编来学习一下!
 
1、剪贴板的打开：
 
选择“开始”/“所有程序”/“附件”/“剪贴板查看器”。
 
打开“开始”/“运行”命令，输入“clipbrd”。
 
2、剪贴板的使用：
 
当选中对象以后执行“剪切”或“复制”命令，选中的对象被送入剪贴板。
 
按Alt+PrintScreen组合键，把桌面上当前活动窗口送入剪贴板。
 
按PrintScreen键，把当前屏幕的整个图像送入剪贴板。
 
3、剪贴板文件
 
将剪贴板上的内容保存为文件：选择“文件”/“另存为”命令，输入文件名和文件保存位置，单击“确定”按钮，保存的文件扩展名为.clp文件。
 
剪贴板文件的使用：选择“文件”/“打开”命令，选择剪贴板文件，单击“打开”按钮;在要放入剪贴板内容的文档中选择要粘贴的位置执行“粘贴”命令。
 
4、剪贴板内容的清除：选择窗口的“编辑”菜单的“删除”命令，或按Delete键。
 
如果你不慎遗忘了WindowsXP的登录密码怎么办
 
如果你不慎遗忘了Windows XP的登录密码怎么办下面提供两个方法：
 
小提示
 
在进行下面的`试验前，必须确认自己有这台电脑的使用权，并且Windows XP的安装分区不要使用NTFS格式。最好能添加几个可以使用的用户。
 
方法一：
 
(1)启动电脑，使用DOS启动盘(比如：Windows 98启动盘)进入纯DOS状态。
 
(2)在DOS提示符下，根据下面步骤操作：
 
cd/ (切换到根目录)
 
cd windows/system32 (切换到系统目录)
 
mkdir temphack (创建临时文件夹)
 
copy logon.scr temphacklogon.scr (备份logon.scr)
 
copy cmd.exe temphackcmd.exe (备份cmd.exe)
 
del logon.scr (删除logon.scr)
 
rename cmd.exe logon.scr (将cmd.exe改名为logon.scr)
 
exit (退出)
 
(3)重启电脑，在登录等待画面出现后静静等候，如果没有修改屏幕保护时间，大约10分钟，系统就会自动启动登录屏保程序，可是由于Logon.scr已经由cmd.exe代替了，所以系统就启动了cmd.exe，进入命令行提示符状态。
 
(4)这时，我们可以使用命令：net user password来修改密码了。
 
假设有一个超级管理员的帐号是Admin，希望重新设置其密码为admin，那么可以使用命令：net user Admin admin，回车后即可更改密码。
 
(5)接下来，想不想进入桌面系统看看硬盘上面的东西呢?在命令行提示符状态下输入Explorer命令试试看，是不是很顺利地进入了Windows的桌面?
 
小提示
 
如果你有一个普通用户帐号，利用上面介绍的方法稍作改动就可以把它变成超级管理员Administrator帐号：
 
备份logon.scr和usermgr.exe，将第二步中的cmd.exe全部换成usermgr.exe，然后重启，静静等候，这时出现的不是命令行提示符，而是用户管理器，这时我们就有权限把自己加到Administrator组了。
 
方法二
 
由于Windows XP在安装过程时，首先以Administrator默认登陆，有不少朋友没有注意到为它设置密码，而是根据要求创建一个个人的帐户，以后进入系统后即使 用此帐户登陆，而且在Windows XP的登录界面中也只出现这个创建的用户帐号，而不出现Administrator，实际这个帐号依然存在，而且密码为空。
 
知道了这 个原理，你可以直接正常启动，在登陆界面出现后，按Ctrl+Alt，再按Del两次，即可出现经典登陆画面，此时在用户名处填入 Administrator，密码为空即可进入，接下来，就可以进入"控制面板"的"用户和密码"，修改你想要修改的用户的密码即可。
 
【剪贴板功能介绍】相关文章：

众所周知，PrintScreen键可以复制整个屏幕的内容到剪切板，但是如果我们只需要复制屏幕上某个窗口的内容呢？
 
一种方式是使用Windows自带的截图工具（win + R在“运行中输入snippingtool”）或者微信的截图工具（快捷键Alt + A）
 
另一种更方便的方式是使用Alt + PrintScreen键。Alt + PrintScreen键会复制当前活动窗口的内容到剪切板，例如只复制资源管理器窗口的内容：
 
 
当然，如果需要复制的是窗口中的局部内容，还是只能使用截图工具
 
 

 
 
/* 
  * hwnd:要截图的窗口的句柄 

  * fileName:要比较的图片的路径 

  * offsets:有4个成员的int型数组，用于设置比较图片时，上、下、左、右的偏移量 

  * offsets[0]：左 

  * offsets[1]：上 

  * offsets[2]：右 

  * offsets[3]：下 

  */  

 bool print_screen(HWND hwnd, const char* fileName)  

 {  

     LPCTSTR pFileName = NULL;  

   

     if(sizeof(TCHAR)==sizeof(char))  

     {  

         pFileName=(LPCTSTR)fileName;  

     }  

     else  

     {  

         int length= sizeof(TCHAR)*(strlen(fileName)+1);  

         LPTSTR tcBuffer=new TCHAR[length];  

         memset(tcBuffer,0,length);  

         MultiByteToWideChar(CP_ACP,0,fileName,strlen(fileName),(LPWSTR)tcBuffer,length);  

         pFileName=(LPCTSTR)tcBuffer ;  

     }  

     long t_start = ::GetTickCount();  

     CDC dc;  

     CDC *pDC = &dc;//屏幕DC  

   

         // HWND hwnd = ::GetForegroundWindow(); // 获得当前活动窗口  

     HDC activeDC = ::GetWindowDC(hwnd);   //获得要截屏的窗口的hDC  

   

     pDC->Attach(activeDC);//获取当前活动窗口的DC  

     RECT rect;  

     ::GetWindowRect(hwnd,&rect);//得到窗口的大小  

     int Width = rect.right - rect.left;  

   

     int Height = rect.bottom - rect.top;  

   

     /*cout << "Width:" << Width << endl 

  

     << "Height:" << Height << endl << endl;*/  

   

     CDC memDC;//内存DC  

   

     memDC.CreateCompatibleDC(pDC);  

   

     CBitmap memBitmap, *oldmemBitmap;//建立和屏幕兼容的bitmap  

   

     memBitmap.CreateCompatibleBitmap(pDC, Width, Height);  

   

     oldmemBitmap = memDC.SelectObject(&memBitmap);//将memBitmap选入内存DC  

   

     memDC.BitBlt(0, 0, Width, Height, pDC, 0, 0, SRCCOPY);//复制屏幕图像到内存DC  

         //以下代码保存memDC中的位图到文件  

   

     BITMAP bmp;  

   

     memBitmap.GetBitmap(&bmp);//获得位图信息  

 

 

 

 

 
if(::OpenClipboard(AfxGetMainWnd()->GetSafeHwnd()))//打开剪贴板

 
{

 
EmptyClipboard();//清空剪贴板

 
SetClipboardData(CF_BITMAP,memBitmap);//将位图数据保存到剪贴板上

 
CloseClipboard();//关闭剪贴板

 
}

 

 

   

 
CString strAppPath = CBcfFile::GetAppPath();

 
strAppPath += "/log/bankTransfer.bmp";

 

 

     FILE *fp = fopen(strAppPath, "w+b");  

     BITMAPINFOHEADER bih = {0};//位图信息头  

   

     bih.biBitCount = bmp.bmBitsPixel;//每个像素字节大小  

   

     bih.biCompression = BI_RGB;  

   

     bih.biHeight = bmp.bmHeight;//高度  

   

     bih.biPlanes = 1;  

   

     bih.biSize = sizeof(BITMAPINFOHEADER);  

   

     bih.biSizeImage = bmp.bmWidthBytes * bmp.bmHeight;//图像数据大小  

   

     bih.biWidth = bmp.bmWidth;//宽度  

   

     BITMAPFILEHEADER bfh = {0};//位图文件头  

   

     bfh.bfOffBits = sizeof(BITMAPFILEHEADER) + sizeof(BITMAPINFOHEADER);//到位图数据的偏移量  

   

     bfh.bfSize = bfh.bfOffBits + bmp.bmWidthBytes * bmp.bmHeight;//文件总的大小  

   

     bfh.bfType = (WORD)0x4d42;  

   

     fwrite(&bfh, 1, sizeof(BITMAPFILEHEADER), fp);//写入位图文件头  

   

     fwrite(&bih, 1, sizeof(BITMAPINFOHEADER), fp);//写入位图信息头  

   

     byte * p = new byte[bmp.bmWidthBytes * bmp.bmHeight];//申请内存保存位图数据  

   

     GetDIBits(memDC.m_hDC, (HBITMAP) memBitmap.m_hObject, 0, Height, p,  

   

         (LPBITMAPINFO) &bih, DIB_RGB_COLORS);//获取位图数据  

   

     fwrite(p, 1, bmp.bmWidthBytes * bmp.bmHeight, fp);//写入位图数据  

   

     delete [] p;  

   

     fclose(fp);  

   

         // 以下代码用于比较指定的BMP文件与内存中的截图  

 //    CImage img;  

 //    img.Load(pFileName);  

 //    int nWidth = img.GetWidth();//获取图像宽度  

 //    int nHeight = img.GetHeight();//获取图像高度  

 //    if (Width != nWidth || Height != nHeight)  

 //    {  

 //        return false;  

 //    }  

 //    byte* pRealData;  

 //    pRealData=(byte*)img.GetBits();  

 //  

 //    int pit=img.GetPitch();  

 //  

 //    int bitCount=img.GetBPP()/8;  

 //  

 //    for (int y = offsets[1]; y < Height - offsets[3]; ++y)  

 //    {  

 //        for (int x = offsets[0]; x < Width - offsets[2]; ++x)  

 //        {  

 //            int pity = pit * y;  

 //            int pitx = x*bitCount;  

 //            if (up[bmp.bmWidth * (bmp.bmHeight - y - 1) + x] !=   

 //(*(pRealData + pity + pitx + 2) << 16) + (*(pRealData + pity + pitx + 1) << 8) +   

 //*(pRealData + pity + pitx))  

 //            {  

 //                printf("(%d, %d) = %x, ",x, y, up[bmp.bmWidth *  

 // (bmp.bmHeight - y - 1) + x]);  

 //                printf("(%d, %d) = %x\n",x, y, (*(pRealData +   

 //pity + pitx + 2) << 16) + (*(pRealData + pity + pitx + 1) << 8) + *(pRealData +   

 //pity + pitx));  

 //                return false;  

 //            }  

 //        }  

 //    }  

     return true;  

 }