oncut 이벤트

DOM 이벤트 ClipboardEvent

정의와 사용법

oncut 이벤트는 사용자가 요소 내용을 잘라서 복사할 때 발생합니다.

모든 HTML 요소는 oncut 이벤트를 지원하지만 실제로는 내용을 잘라서 복사할 수 없습니다. 예를 들어 <p> 요소는 contenteditable이 "true"으로 설정되지 않았다면 복사할 수 없습니다(다음 예제 참조).

훌륭합니다:oncut 이벤트는 type="text"의 <input> 요소에 주로 사용됩니다.

훌륭합니다:요소/요소 내용을 잘라서 복사하는 방법은 총 세 가지입니다:

  • CTRL + X
  • 브라우저의 편집 메뉴에서 잘라서 복사를 선택합니다
  • 오른쪽 클릭 메뉴에서 잘라서 복사 명령을 선택합니다

예제

예제 1

<input> 요소에서 텍스트를 잘라서 복사할 때 JavaScript를 실행합니다:

<input type="text" oncut="myFunction()" value="이 텍스트를 잘라서 복사하세요">

직접 시도해 보세요

예제 2

<p> 요소의 텍스트를 잘라서 복사할 때 JavaScript를 실행합니다(注意 contenteditable 이 "true"으로 설정되었습니다):

<p contenteditable="true" oncut="myFunction()">이 텍스트를 잘라서 복사하세요</p>

직접 시도해 보세요

문법

HTML에서:

<element oncut="myScript">

직접 시도해 보세요

JavaScript에서:

object.oncut = function(){myScript};

직접 시도해 보세요

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

object.addEventListener("cut", myScript);

직접 시도해 보세요

주의사항:Internet Explorer 8 이상의 버전은 지원하지 않습니다 addEventListener() 메서드。

기술적인 세부 사항

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

브라우저 지원

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

관련 페이지

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

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

DOM 이벤트 ClipboardEvent