HTML

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

김뽀씨 2024. 10. 8. 11:49

// 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);
    });
});