테이블 복사 기능(자바스크립트) 조언 좀 해주세요.
본문
아래 코드를 바탕화면에 html 만들어 놓고 실행하면 잘 실행이 되는데
서버에 올려놓고 실행하면 실행이 안되네요.
navigator.clipboard.writeText(html).then(function() { 이 부분부터 안 먹히네요.
뭐가 문제인지요? 조언 좀 부탁드립니다.
서버에 뭔가 설정을 해줘야 하나요
<script>
function copyTableToClipboard() {
var table = document.getElementById("fruitTable");
var html = table.outerHTML;
navigator.clipboard.writeText(html).then(function() {
alert("테이블이 클립보드에 복사되었습니다.");
}, function(err) {
console.error('복사 실패:', err);
});
}
</script>
<button onclick="copyTableToClipboard()">테이블 복사</button>
<table id="fruitTable">
<thead>
<tr>
<th>과일333555</th>
<th>색상888</th>
</tr>
</thead>
<tbody>
<tr>
<td>사과</td>
<td>빨간색</td>
</tr>
<tr>
<td>바나나</td>
<td>노란색</td>
</tr>
<tr>
<td>딸기</td>
<td>빨간색</td>
</tr>
<tr>
<td>포도</td>
<td>보라색</td>
</tr>
</tbody>
</table>
답변을 작성하시기 전에 로그인 해주세요.