본문 바로가기
HTML

TR 클릭 이벤트 처리하기 (이건 복사하기)

by 김뽀씨 2024. 10. 8.

// TR 클릭 이벤트
$('.copyable').on('click', function () {
    var rowValues = [];
    $(this).closest('tr').find('td').each(function () {
        var value = $(this).text().trim(); // 각 TD의 값을 트림하여 공백 제거
        if (value !== '') {
            rowValues.push(value); // 빈 값이 아닌 값만 배열에 추가
        }
    });

    // 배열 값을 문자열로 변환
    var textToCopy = rowValues.join('\t'); // 탭으로 구분된 텍스트

    // Clipboard API를 사용한 복사 기능
    navigator.clipboard.writeText(textToCopy).then(function () {
        alert('복사되었습니다'); 
    }).catch(function (err) {
        console.error('복사 실패: ', err);
    });
});

'HTML' 카테고리의 다른 글

HTML 틀 고정 관련  (0) 2023.02.06
[#1] Image 위에 Image  (0) 2017.09.12