Question

在我的代码中，我尝试使用复制到剪贴板按钮复制iframe代码，但我对此不满意，因为当我使用按钮复制时，它会复制<和>而不是{{1 }}和<其次它不会突出显示文本区域，因此有任何替代解决方案可以复制为HTML代码谢谢这是我的JSfiddle

以下是复制文本示例

这是我的JS

&lt;iframe src='http://localhost/secvideo/cms/watch?v=30Rt9r' frameborder='0' style='overflow: hidden; position: absolute;' height='100%' width='100%'&gt;&lt;/iframe&gt;

Answer 1

我认为你在这里不必要地创造一个元素。您已经有一个包含iframe内容的文本区域。

您只需选择文本区域并执行document.execCommand（“copy”）;

将脚本修改为

window.copyToClipboard = function(elementId) {

  // Create a "hidden" input
  var aux = document.getElementById(elementId);
  // Highlight its content
  aux.select();
  // Copy the highlighted text
  document.execCommand("copy");
  alert("Copied!");
}

的jsfiddle https://jsfiddle.net/yhpe990k/1/

Answer 2

    var copyToClipboard = function (text) {
        var $txt = $('<textarea />');

        $txt.val(text)
            .css({ width: "1px", height: "1px" })
            .appendTo('body');

        $txt.select();

        if (document.execCommand('copy')) {
            $txt.remove();
        }
    };

Jquery HTML复制到剪贴板

2 个答案: