사용자가 요소의 텍스트를 잘라내기(cut)하면 HTML에서 oncut 속성이 트리거됩니다. 이 이벤트는 사용자가 Ctrl+X 단축키를 누르거나 마우스 오른쪽 버튼 메뉴에서 '잘라내기'를 선택했을 때 발생하며, 주로 <input>, <textarea> 또는 contenteditable 속성이 적용된 편집 가능한 요소에서 동작합니다.
oncut 속성의 기본 문법
<element oncut="script"> 형태로 작성하며, 따옴표 안에는 잘라내기 이벤트가 발생했을 때 실행할 자바스크립트 함수나 코드를 넣습니다.
예제
다음 코드를 실행하여 oncut 속성을 직접 구현해 보세요. 입력 필드의 텍스트를 잘라내면 화면에 메시지가 표시됩니다.
<!DOCTYPE html>
<html>
<body>
<input type = "text" oncut = "display()" value = "Cut me">
<h2 id = "test">위의 텍스트를 잘라내기 해보세요.</h2>
<script>
function display() {
document.getElementById("test").innerHTML = "텍스트 잘라내기가 정상적으로 작동했습니다!";
}
</script>
</body>
</html>참고 사항
oncut 이벤트는 addEventListener 메서드를 사용하는 'cut' 이벤트로도 처리할 수 있으며, 복사(copy)와 붙여넣기(paste)에 대응하는 oncopy, onpaste 속성과 함께 사용하면 클립보드 관련 사용자 동작을 종합적으로 제어할 수 있습니다.