목록으로

테이블 복사 기능(자바스크립트) 조언 좀 해주세요. 채택완료

hanaro2

프로필 보기 이 회원 글보기 이 회원의 댓글보기

1년 전 조회 4,819

답변 2

아래 코드를 바탕화면에 html 만들어 놓고 실행하면 잘 실행이 되는데

서버에 올려놓고 실행하면 실행이 안되네요.

navigator.clipboard.writeText(html).then(function() { 이 부분부터 안 먹히네요.

뭐가 문제인지요? 조언 좀 부탁드립니다.

서버에 뭔가 설정을 해줘야 하나요

Copy

<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>

#php