event.preventDefault()2 JS 공부는 다다익선 - 12. 이벤트 1. 이벤트의 이해 이벤트가 발생하는 시점이나 순서를 사전에 인지할 수 없으므로 일반적인 제어 흐름과는 다른 접근 방식이 필요하다. 즉, 이벤트가 발생하면 누군가 이를 감지할 수 있어야 하며 그에 대응하는 처리를 호출해 주어야 한다. 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시에는 통지해 준다. 이 과정을 통해 사용자와 웹페이지는 상호작용(Interaction)이 가능하게 된다. 이벤트는 일반적으로 함수에 연결되며 그 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라 하며 이벤트에 대응하는 처리를 기술한다. 2. 이벤트 루프(Event Loop)와 동시성(Concurrency) 이벤트 루프(Event Loop)는 이벤트 리스너를 관리하고, 이.. 2023. 10. 4. (input.type=text) 엔터 시 submit 되는 상황 방지 설명 form 태그 안에서 input 태그에서 엔터를 누를시 submit 되는 상황을 방지하려면 onKeyDown 이벤트에서 엔터 키를 눌렀을때만 기존 이벤트 동작을 막아주어 처리한다. onKeyDown : 키가 입력되었을 때 작동하는 이벤트 핸들러 event.key : 입력된 키 event.preventDefault() : 기본 이벤트 동작을 실행하지 않는 메서드 코드 // event.keyCode, event.which 사용을 권장하진 않는다. event.key === 'Enter' && event.preventDefault()} /> event.keyCode === 13 && event.preventDefault()} /> event.which === 13 && event.preven.. 2023. 6. 19. 이전 1 다음
