在專案中使用到複製貼上功能，雖然網上有很多大牛封裝了很多的外掛程式，但是還是想不去使用外掛程式，就像自己來實現這個功能。
初步想法：
1. 獲取到需要複製的內容，這裡我可以將需要複製的內容放在input或者textarea的value中，然後使用input的select()方法來獲取到值；
2. 獲取到值了，那我下一步就是複製了，document.execcommand()方法可以操作很多功能，這裡我可以使用他的copy複製選中的文字到貼上板的功能；
3. 複製功能實現了，但是這個input或者textarea不是我頁面布局中所需要的，那我可以將input或者textarea設定成透明的；
**實現：
1. js：
import react, from 'react';
import proptypes from 'prop-types';
import './index.less'
class copyclip extends purecomponent ;
static defaultprops = ;
constructor(props)
}componentwillmount() = this.props;
this.setstate()
}componentwillreceiveprops(nextprops) = nextprops;
this.setstate()
}handlecopy = () => = this.props;
let range, selection;
let input = document.getelementbyid(id);
input.select(); // 獲取到需要複製的內容
if (input.value && ((typeof input.select) == 'function')) else
} else
};render() = this.state;
return (
this.handlecopy()}>)}
}export default copyclip
2. css
.common-copy-clip
js實現複製貼上
專案中經常會遇到點選按鈕複製訂單號 訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl c或右擊複製的，別操心，js也是有複製命令的，那就是document.execcommand copy 這個命令會將選中的內容複製到貼上板中，那豈不是還需要選中？別急input和textarea元素有乙個...
js 複製貼上功能記錄
最近工作中需要在前端頁面中使用 完成剪貼簿的讀寫，網上搜尋了下相應的資料，記錄下.這個功能有兩個辦法乙個是js方式，乙個是使用flash 一 js方法 1 複製 首先複製的過程分為兩步曲，無論是使用手工還是 先來看看手工的 a 使用游標選中內容 b 通過ctrl c 進行複製 其實在 端也是一樣，以...
複製貼上功能失效
決方案，現在也貼到這裡吧，下次遇到直接來找自己日誌好了。方法 一 重新註冊以下dll檔案。regsvr32 shdocvw.dll regsvr32 shell32.dll 注意這個命令，先不用輸 regsvr32 oleaut32.dll regsvr32 actxprxy.dll regsvr3...