javascript – 如何在没有插件等的情况下将数据从select复制到剪贴板?

所以,问题是:

是否可以从select元素复制数据而无需额外的插件(jQuery没问题,但没有别的),就像那样:

https://*.com/a/30810322/5490451

主要问题在于:

var copyTextarea = document.querySelector('.js-copytextarea');
copyTextarea.select();

如果我们使用textarea – 一切都很好,但对于选择它不适用.我无法选择select元素中的数据.

伙计们,有什么想法?

使用案例:我想在onc​​hange事件上为select元素设置一个带有值列表的函数,复制这些值,并粘贴到textarea或其他元素中,这没关系

解决方法:

检查:此函数创建一个临时文本区域来执行剪贴板复制.

function copyToClipboard(text) {

  var textarea = $('<textarea />');
  textarea.val(text).css({
    width: '0px',
    height: '0px',
    border: 'none',
    visibility: 'none'
  }).appendTo('body');

  textarea.focus().select();

  try {
    if (document.execCommand('copy')) {
      textarea.remove();
      return true;
    }
  } catch (e) {
    console.log(e);
  }

  textarea.remove();
  return false;
}

$("select").on("change", function(){
   if(!copyToClipboard($(this).val()))
       console.log("Copy failed"); //Do something
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select>
<option>Select</option>
<option value="Copy me!">Copy me!</option>
</select>

检查document.execCommand(‘copy’)浏览器支持.

上一篇:javascript – 标准体中是否有任何动作来支持复制到剪贴板的安全方式?


下一篇:剪贴板在C#程序退出时自动清除