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