Я пытаюсь понять, почему не работает копирование в буфер обмена, когда я загружаю таблицу из Javascript. Если я не загружаю таблицу из файла js и не помещаю таблицу прямо на страницу HTML, она работает. Может кто-нибудь объяснить, почему не работает и как исправить? Спасибо!
HTML Страница
<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<html>
<head>
<title>Central</title>
<meta name="viewport" content="width=device-width">
</head>
<body>
<div id="container">
<div id="Table">
</div>
</div>
</body>
<script type="text/javascript" src="Copy.js"></script>
<script>
var a = document.getElementsByClassName('CopyButton');
for (var i = 0; i < a.length; i++) {
a[i].addEventListener('click', function() {
var b = this.parentNode.parentNode.cells[2].textContent;
//alert(b);
copyToClipboard(b);
});
}
function copyToClipboard(text) {
var dummy = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
}
window.onload = function() {
GetCopy();
}
</script>
</html>
. js
function GetCopy() {
var data = '<table id="myTable"> \
<tr class="header"> \
<th>Title</th> \
<th></th> \
<th>Verbiage</th> \
</tr> \
<tr><td>Row 1</td> \
<td><input type="button" class="CopyButton" value="Copy" onclick="" /></td> \
<td>Copy Me 1</td> \
</tr> \
<tr><td>Row 2</td> \
<td><input type="button" class="CopyButton" value="Copy" onclick="" /></td> \
<td>Copy Me 2</td> \
</tr> \
</table>'
document.getElementById('Table').innerHTML =data; }