온카피 이벤트
예시
<input> 요소의 일부 텍스트를 복사할 때 JavaScript를 실행합니다.
<input type="text" oncopy="myFunction()" value="Try to copy this text">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
oncopy 이벤트는 사용자가 요소의 내용을 복사할 때 발생합니다.
팁: oncopy 이벤트는 사용자가 <img> 요소로 생성된 이미지와 같은 요소를 복사할 때도 발생합니다.
팁: oncopy 이벤트는 type="text"인 <input> 요소에서 주로 사용됩니다.
팁: 요소/요소의 내용을 복사하는 세 가지 방법이 있습니다.
- Ctrl + C를 누릅니다.
- 브라우저의 편집 메뉴에서 "복사"를 선택하십시오.
- 마우스 오른쪽 버튼을 클릭하여 상황에 맞는 메뉴를 표시하고 "복사" 명령을 선택합니다.
브라우저 지원
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
참고: oncopy 이벤트는 이미지를 복사하려고 할 때 일부 브라우저에서 예상대로 작동하지 않을 수 있습니다(아래 "추가 예" 참조).
통사론
HTML:
<element oncopy="myScript">
자바스크립트:
object.oncopy = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("copy", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 네 |
---|---|
취소 가능: | 네 |
이벤트 유형: | 클립보드 이벤트 |
지원되는 HTML 태그: | 모든 HTML 요소 |
더 많은 예
예시
<p> 요소의 일부 텍스트를 복사할 때 JavaScript를 실행합니다.
<p oncopy="myFunction()">Try to copy this text</p>
예시
이미지를 복사할 때 JavaScript를 실행합니다.
<img src="w3schools.gif" oncopy="myFunction()">
관련 페이지
HTML DOM 참조: 이벤트 붙여넣기
HTML DOM 참조: oncut 이벤트