Я не имею ни малейшего понятия о Java, следующий скрипт, который я собрал из нескольких источников.Скрипт работает для того, для чего он мне нужен, однако он занимает слишком много места со всей текстовой областью - поскольку в моем случае это не очень нужно.Я ищу копию в буфер обмена с текстовым значением в коде и не отображается на странице.В конечном итоге просто пытаюсь избавиться от элемента textarea и получить его как текстовое значение.
Любая помощь приветствуется, спасибо
<html>
<title></title>
<head>
</head>
<script>
window.onload = function () {
var copyTextareaBtn = Array.prototype.slice.call(document.querySelectorAll('.js-textareacopybtn'));
var copyTextarea = Array.prototype.slice.call(document.querySelectorAll('.js-copytextarea'));
copyTextareaBtn.forEach(function(btn, idx){
btn.addEventListener("click", function(){
copyTextarea[idx].select();
try {
var msg = document.execCommand('copy') ? 'successful' : 'unsuccessful';
console.log('Copying text command was ' + msg);
} catch (err) {
console.log('Whoops, unable to copy');
}
});
});
}
</script>
<style>
body {
font-family: Times New Roman;
color: white;
}
.split {
height: 99.9%;
width: 49.9%;
position: fixed;
z-index: 1;
top: 2px;
overflow-x: hidden;
padding-top: 5px;
}
.left {
left: 0;
background-color: #111;
}
.right {
right: 0;
background-color: #111;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.centered img {
width: 150px;
border-radius: 50%;
}
</style>
<body>
<div class="split left">
<div class="Left">
<h3><center></center></h3>
<div>
<textarea class="js-copytextarea" readonly="readonly" style="width:10%;" rows="1"></textarea>
<button class="js-textareacopybtn"></button>
</div>
<div>
<h3><center></center></h3>
<div>
<textarea class="js-copytextarea" readonly="readonly" style="width:10%;" rows="1"></textarea>
<button class="js-textareacopybtn"></font></button>
</div>
</div>
</div>
<div class="split right">
<div class="left">
<h3><center></center></h3>
<div>
<textarea class="js-copytextarea" readonly="readonly" style="width:10%;" rows="1"></textarea>
<button class="js-textareacopybtn"></button>
</div>
<div>
<h3><center></center></h3>
<div>
<textarea class="js-copytextarea" readonly="readonly" style="width:10%;" rows="1"></textarea>
<button class="js-textareacopybtn"></button>
</div>
</div>
</div>
</div>
</div>
</body>
<div>
<footer>
<h1></h1>
</footer></div>
</html>