最近做了几个小网站，想在平时活动的论坛里面宣传一下，操作方式就是在留言时快速添加上自己的小广告。为了方便贴广告，写了一个油猴子脚本。
起先的设计是在页面中添加一个按钮，点击按钮自动将小广告插入到光标的后面。在写的过程中，发现activeElement会不断的变化，不易捕捉光标元素。想想就改成了，点击按钮，把小广告内容送到剪贴板里。
实现原理就是，在页面中放置一个textarea元素，元素里放着小广告，按钮点击事件选择textarea元素内容，送到剪贴板。
var copyTextareaBtn = document.querySelector('.js-textareacopybtn');
copyTextareaBtn.addEventListener('click', function(event) {
var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Oops, unable to copy');
}
});