javascript 拷贝文本

最近做了几个小网站,想在平时活动的论坛里面宣传一下,操作方式就是在留言时快速添加上自己的小广告。为了方便贴广告,写了一个油猴子脚本。

起先的设计是在页面中添加一个按钮,点击按钮自动将小广告插入到光标的后面。在写的过程中,发现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');
  }
});

参考资料

posted @ 2016-02-28 16:11  码不能停  阅读(174)  评论(0编辑  收藏  举报