아래와 같이 html에서 textarea
를 추가한다.
<textarea rows="5" cols="30"></textarea>
아래는 textarea
에서 사용자가 붙여넣기(Ctrl + V) 할 때 이벤트를 감지하는 간단한 JavaScript 예제이다.
document.addEventListener("DOMContentLoaded", function () {
const textarea = document.querySelector("textarea");
textarea.addEventListener("paste", function (event) {
event.preventDefault(); // 기본 붙여넣기 동작 차단
let pasteData = event.clipboardData.getData("text"); // 클립보드에서 텍스트 가져오기
textarea.value += pasteData; // 기존 값에 추가
});
});
paste
이벤트를 감지한다.event.preventDefault();
를 사용하여 기본 붙여넣기 동작을 막는다.event.clipboardData.getData("text")
로 클립보드에서 텍스트를 가져온다.textarea
에 추가한다.@nullvuild