개발/JavaScript2

• 

  자바스크립트 테이블 값 가져오기(테이블 이벤트 추가하기) 자바스크립트로 table td 클릭 시 값 가져오는 함수입니다. jquery 없이 순수 자바스크립트로 구현되었습니다. document.querySelectorAll('#tb td') .forEach(e => e.addEventListener("click", function() { console.log(this.innerHTML) })); 끝! 너무 간단하죠? 단 4줄의 코드로 이벤트를 추가시키고 값을 가져옵니다. #tb 부분에 테이블 id 넣어주시면 되고, this.innerHTML이 td 값이니 필요하신 대로 쓰시면 됩니다. tr 값을 가져오려면 아래의 방법으로 하면 됩니다. document.querySelectorAll('#tb tr') .forEach(e => e.addEventListener("c.. 개발/JavaScript 2022. 11. 19.

• 클립보드 텍스트 복사하기(execCommand 대체) execCommand로 클립보드 텍스트 복사하기를 사용했었는데 더이상 지원이 안되서 새로운 방법을 찾았습니다. navigator.clipboard.writeText 를 사용하면 클립보드에 텍스트를 복사할 수 있습니다. navigator.clipboard.writeText('복사할 문구'); 너무 간단하죠? navigator.clipboard.writeText("클립보드에 복사할 문구").then( () => { //성공했을 때 }, () => { //실패했을 때 } ); 복사 성공 / 실패했을 때의 액션도 추가할 수 있습니다. See the Pen Untitled by jess (@jess44) on CodePen. 사용 예제입니다. 응용하면 테이블 내용 복사 등 다양하게 활용할 수 있습니다. 개발/JavaScript 2022. 10. 31.