我有一个“复制到剪贴板”按钮,用于复制将要粘贴到网址中的搜索查询生成的文本。但是,当我去粘贴它时,<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">