onpaste 이벤트

DOM 이벤트 ClipboardEvent

정의와 사용법

onpaste 이벤트는 사용자가 요소에 내용을 붙여넣을 때 발생합니다.

모든 HTML 요소는 onpaste 이벤트를 지원하지만, 예를 들어 <p> 요소와 같이 contenteditable을 "true"로 설정하지 않은 경우에는 실제로 내용을 붙여넣을 수 없습니다(아래의 더 많은 예제를 참조하세요).

푸시: onpaste 이벤트는 type="text"의 <input> 요소에 주로 사용됩니다.

푸시:콘텐츠를 요소에 붙여넣는 방법은 세 가지가 있습니다:

  • CTRL + V
  • 브라우저의 편집 메뉴에서 붙여넣기를 선택합니다
  • 오른쪽 클릭 메뉴에서 붙여넣기 명령을 선택합니다

예제

예제 1

<input> 요소에 텍스트를 붙여넣을 때 JavaScript를 실행합니다:

<input type="text" onpaste="myFunction()" value="여기에 붙여넣으세요">

본인이 직접 시도해 보세요

예제 2

<p> 요소에 텍스트를 붙여넣을 때 JavaScript를 실행합니다(注意 contenteditable 가 "true"로 설정되었습니다):

<p contenteditable="true" onpaste="myFunction()">이 문단 안에 어떤 것을 붙여넣으세요.</p>

본인이 직접 시도해 보세요

문법

HTML에서:

<element onpaste="myScript">

본인이 직접 시도해 보세요

JavaScript에서:

object.onpaste = function(){myScript};

본인이 직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하면:

object.addEventListener("paste", myScript);

본인이 직접 시도해 보세요

주석:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드。

기술 세부 사항

버블링: 지원
취소 가능: 지원
이벤트 유형: ClipboardEvent
지원하는 HTML 태그: 모든 HTML 요소

브라우저 지원

이벤트 크롬 IE 파이어폭스 사파리 오페라
onpaste 지원 지원 지원 지원 지원

관련 페이지

HTML DOM 참조 설명서:oncopy 이벤트

HTML DOM 참조 설명서:oncut 이벤트

DOM 이벤트 ClipboardEvent