nullvuild

Bloger @nullvuild

Created Date '2025/03/15 오후 03:15

Modified Date '2025/03/15 오후 03:15

#JavaScript #textarea #paste #event

html

아래와 같이 html에서 textarea를 추가한다.

<textarea rows="5" cols="30"></textarea>

javascript

아래는 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

Nullvuild

@nullvuild

프로필