# preventDefault

35개의 포스트

button 태그에 preventDefault가 안될 때

정말 별거 아니지만.. 저는 혼자 헤매다가 어이가 없었기 때문에 간단하게 기록으로 남겨둡니다.. *아래 내용은 React를 다루고 있습니다. 참고 부탁드립니다. 1. 상황 event.preventDefault를 적었지만 버튼을 누를 때마다 default action인

약 4시간 전
·
0개의 댓글
·

[Javascript] e.preventDefault()

e = eventEvent 인터페이스는 DOM 내에 위치한 이벤트를 나타낸다.사용자의 액션에 의해 발생하는 이벤트에는 다양한 종류가 있으며,Event 인터페이스에서 제공하는 메서드 중에서 preventDefault() 에 대해 알아보았다.어떤 이벤트를 명시적으로 처리하

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

javascript_preventDefault(); 브라우저 기본 기능 취소하는 법

preventDefault();event.preventDefault(); 📍보통 원하는 이벤트의 기본 기능을 취소해버릴 때 사용하기 때문에 event.preventDefault(); 형태로 많이 사용한다.예를 들어서 아래와 같이 작성하면 원래기능은 작동하지않게 해준다

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

[JavaScript] e.preventDefault() 사용

e.preventDefault() 간단 설명

2022년 8월 2일
·
2개의 댓글
·
post-thumbnail

이벤트 전파, 버블링, 캡쳐링, 위임

DOM 트리상에 존재하는 모든 DOM 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파됩니다. 이를 이벤트 전파라고 한다사용자의 다양한 입력을 통해 동적으로 생성되는 이벤트 객체는 이벤트를 발생시킨 타깃(target)을 중심으로 DOM 트리를 통해 전파된다.이벤트

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

22. 07. 19 TIL

보통 우리가 이런 식의 코드가 있었다고 해보자.a 태그는 li, ul의 두 개의 부모 태그가 있다.사용자가 a 태그를 클릭한다면 a 태그만 실행이 되는 것이 아니라 li, ul태그로 순차적으로 전달이 된다.즉, a 태그의 onclick -> li 태그의 onClick

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

함수 구현을 해보자!

Westagram 코딩을 진행하면서 필요한 함수들을 구현해보았다! 🙉필요한기능 Id, Pw가 1글자 이상일 때 로그인 버튼이 활성화 댓글 input 창에 엔터, "게시" 누르면 댓글 추가되도록 createElement로 요소 생성해서, input에 입력한 값이 추가

2022년 6월 2일
·
0개의 댓글
·
post-thumbnail

Javascript DOM 요소 기본 동작 조작

본문은 DOM 요소의 기본 동작을 조작하는 preventDefault 메서드와 stopPropagation 메서드를 설명하고자 한다.

2022년 5월 18일
·
0개의 댓글
·

HTML 요소 제어 03. 웹페이지 시작하기

javascript mytag.hasAttribute(name); //— 선택요소에 속성의 존재 확인. mytag.getAttribute(name); //— 선택요소에 속성값을 가져옴. mytag.setAttribute(name, value)

2022년 5월 16일
·
0개의 댓글
·

[JavaScript] contextmenu를 이용하여 마우스 우클릭 방지하기

마우스 우클릭 못하게 하는 방법

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Javascript 이벤트 preventDefault, stopPropagation 정리

자바스크립트 이벤트를 사용하면서 Bubbling, Capturing, preventDefault, stopPropagation 의 개념을 기계적으로만 이해하고 로직의 구현만을 위해 구체적인 동작방식을 알고있지 않았다. 구체적인 알고리즘과 개념이 머릿속에 정립되지 않은

2022년 4월 16일
·
0개의 댓글
·

[TIL] 이벤트 버블링, 이벤트 캡쳐링, preventDefault, stopPropagation

이번 과제에서는 인스타그램 같은 간단한 커뮤니티 사이트를 만들었다. 포스트 리스트가 쭉 보이고, 포스트 이미지를 클릭하면 해당 포스트의 디테일 페이지로 이동한다. 포스트에는 추가로 수정/삭제 버튼을 넣었는데, 이때 버튼을 눌러도 바로 수정이나 삭제가 되는 것이 아니라

2022년 4월 6일
·
0개의 댓글
·

preventDefault()와 stopPropagation()의 차이

기본적인 이벤트를 방지할 때 e.preventDefault()를 많이 사용했었는데 프로젝트에서 e.stopPropagation()가 사용되고 있어서 두 개의 차이를 알아보기로 했다차이를 알아보기에 앞서 먼저 두 메서드가 어떤 역할을 하는지부터 간단히 알아봤다a tag를

2022년 4월 6일
·
0개의 댓글
·
post-thumbnail

[DOM] DOM 이벤트

이벤트를 설정하는 것은 인라인 attribute 이벤트 핸들러, 속성 이벤트 핸들러, addEventListener() 메서드를 사용하여 수행될 수 있다. 이 중에서 addEventListener() 사용이 권장된다.addEventListener()에서 세 번째 매개변

2022년 2월 20일
·
0개의 댓글
·

2.10 복습

head, body, title은 document.body 이런식으로 바로 불러올 수 있지만 그 외는 querySelector나 getElementsByClassName 등으로 불러야 한다.const h11 = document.querySelector(".hello h

2022년 2월 10일
·
0개의 댓글
·

State & Event - 객체지향방식

아래 글은 생활코딩님의 강의를 기반으로 작성한 내용입니다.component에 특정 정보를 전달해줍니다. 얼핏 들으면 props와는 비슷하지만, state는 component 내부에서 설정하는 정보이고, props는 자식 컴포넌트에서 설정하는 정보이기 때문에 차이가 있습

2022년 1월 1일
·
0개의 댓글
·

이벤트리스너에 사용하는 기능들

click : 요소를 클릭할 때mouseenter : 마우스가 요소에 진입했을 때mouseleave: 마우스가 요소를 떠날 때resize: 브라우저 윈도우의 사이즈가 변경될 때copy: 요소를 복사했을 때offline: 오프라인상태가 됐을 때

2021년 12월 7일
·
0개의 댓글
·

리액트, form태그 alert 에 정보 보기

console.dir 로 보며 form 태그의 구조가 보인다 -> 왜 0 , 1을 적었는지 알 수 있다하지만 해당 로직은 폼 태그에서 fname lname 의 순서가 바뀌면 0 1 이 아닌 다른 숫자를 입력 해야 하는 경우가 생길 수 있다. event.target.el

2021년 11월 17일
·
0개의 댓글
·