标签：javascript select clipboard copy-paste drop-down-menu

所以,问题是：

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

https://stackoverflow.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,select,clipboard,copy-paste,drop-down-menu
来源： https://codeday.me/bug/20190702/1355972.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。