728x90
반응형

2024/10/07 2

[콜럼Vue스] 기본 이벤트

HTML 요소 중에는 개발자가 이벤트를 명시적으로 연결하지 않았음에도 자동으로 동작하는 기능을 갖는 것들이 있음. 이런 기능을 우리는 **기본 이벤트(Default Event)**라고 부름. 기본 이벤트는 HTML 마크업만으로도 특정 동작을 수행하게 할 수 있음. 하지만 이 기본 동작이 때로는 원하지 않는 경우가 있을 수 있어, 이벤트 객체의 preventDefault() 메서드를 사용해 기본 이벤트를 중지할 수 있음.대표적인 기본 이벤트 예시: 요소: 클릭 시 **href**에 정의된 경로로 이동함.마우스 오른쪽 클릭: 브라우저의 기본 컨텍스트 메뉴가 나타남. 요소: submit 버튼 클릭 시, action 속성에 지정된 URL로 폼 데이터가 전송됨. 요소: 사용자가 입력한 문자가 텍스트 박스에 바로 ..

[콜럼Vue스] 이벤트 객체

**이벤트 객체(Event Object)**는 브라우저에서 발생하는 이벤트에 대한 정보를 담고 있는 객체로, 이벤트가 발생할 때마다 자동으로 생성되어 이벤트 핸들러로 전달됨. 이를 통해 이벤트에 대한 다양한 정보를 얻을 수 있으며, 이벤트의 기본 동작을 제어하거나 이벤트의 전파를 멈추는 등의 작업을 할 수 있음. 1. 이벤트 객체가 포함하는 정보이벤트 객체는 이벤트와 관련된 다양한 정보를 포함함. 여기에는 이벤트가 발생한 타겟 요소, 이벤트 유형, 이벤트가 발생한 위치(좌표), 사용된 키보드 키 등의 정보가 포함될 수 있음.주요 속성:target: 이벤트가 발생한 HTML 요소.type: 발생한 이벤트의 종류 (예: 'click', 'keydown').clientX, clientY: 이벤트가 발생한 위치..

728x90
반응형