javascript - document.execCommand ('copy' ) 在 IE 和 Edge 中滚动到底部

Question

我在我的应用程序中使用了 copyToClipboard。它在 Chrome 和 Firefox 浏览器中运行良好，但在 IE 和 Firefox 中除外。

在 I.E. (尤其是版本 11) 中，单击复制 时，它引入了一个 native 浏览器弹出窗口，要求允许或拒绝而且它滚动到页面底部。

弹出式介绍没问题，但我需要停止向下滚动。

代码:

$scope.copyData = function(id) {
    var copyAreaObject = document.createElement('textarea');
    $scope.copyInitialize(id, copyAreaObject);
    var selector = document.querySelector('#copyWrapper');
    selector.select();
    document.execCommand('copy');
    document.body.removeChild(copyAreaObject);
  };

Click Here for Demo

Answer 1

使用如下所示的其他属性尝试了 Deigo Plutino 的回答:

copyAreaObject.style.position = 'fixed';
copyAreaObject.style.bottom= 0;
copyAreaObject.style.left= 0;

它工作正常并防止滚动问题。在 Edge 和 IE 11 中测试。

更多信息，您也可以引用这篇文章:How do I copy to the clipboard in JavaScript?