oncut 이벤트란?
oncut 이벤트는 사용자가 요소의 콘텐츠를 잘라내기(cut) 할 때 발생합니다. 예를 들어, 입력 필드에서 텍스트를 선택한 후 Ctrl+X(macOS에서는 Cmd+X)를 누르거나 마우스 오른쪽 버튼 메뉴에서 '잘라내기'를 실행하면 이 이벤트가 트리거됩니다.
oncut 이벤트는 <input>, <textarea>와 같은 폼 요소뿐만 아니라 contenteditable 속성이 적용된 모든 요소에서 동작합니다. 또한 클립보드와 관련된 oncopy(복사), onpaste(붙여넣기) 이벤트와 함께 자주 사용되며, 사용자가 콘텐츠를 수정하기 전에 특정 로직을 실행해야 할 때 유용하게 활용됩니다.
다음 예제 코드를 직접 실행해 보면서 JavaScript에서 oncut 이벤트를 처리하는 방법을 확인해 보세요.
예제
<!DOCTYPE html>
<html>
<body>
<input type = "text" oncut = "cutFunction()" value = "cut the text">
<script>
function cutFunction() {
document.write("Text cut!");
}
</script>
</body>
</html>위 예제에서는 입력 필드에 oncut="cutFunction()" 속성을 지정했습니다. 사용자가 입력 필드 안의 텍스트를 잘라내는 순간 cutFunction() 함수가 호출되어 화면에 'Text cut!'이라는 메시지가 출력됩니다.