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