将document.execCommand(“copy”)中的值保存为JavaScript中的字符串

时间:2015-10-19 17:49:52

标签: javascript html

我有一个“复制到剪贴板”按钮,用于复制将要粘贴到网址中的搜索查询生成的文本。但是,当我去粘贴它时,<br>标签在字符串中可见。我理解如何使用.replace()函数,但我想知道的是,是否可以保存使用document.execCommand(“copy”)复制的单词?

这是我的代码JavaScript:

function copyToClipboard(elementId) {

    // Create a "hidden" input
    var aux = document.createElement("input");

    // Assign it the value of the specified element
    aux.setAttribute("value", document.getElementById(elementId).innerHTML);

    // Append it to the body
    document.body.appendChild(aux);

    // Highlight its content
    aux.select();

    // Copy the highlighted text
    document.execCommand("copy");

    // Remove it from the body
    document.body.removeChild(aux);

    //var query = aux.replace("<br>", "");

    console.log(aux);
    //document.body.replace(aux, queryItem);

}

这是我的HTML:

<div id="QueryStringContainer" class="QueryStringContainer">
        <div id="QueryString" class="control-label">this is a query string for users to consume</div>
        <button onclick="copyToClipboard('QueryString')">Copy to Clipboard</button>
    </div> 

假设表单生成字符串The<br>cat<br>ran<br>fast, 根据我的情况,如何使用该函数将字符串保存为变量?

感谢您的帮助!

编辑: 在控制台中,它会打印<input value="The<br>cat<br>ran<br>fast">

0 个答案:

没有答案