DOM2 addEventLister 중 Blur와 Focus는 어떻게 쓸까? https://ko.javascript.info/focus-blur focus와 blur ko.javascript.info 기술에 대해 제일 잘 써져 있는 것은 공식 문서기때문에 제일 앞에 첨부를 하고 Blur와 Focus에 대해 내가 이해한 내용을 쉽게 풀어서 써보려고 한다. Blur와 Focus는 addEventListener의 한 종류로써 focus는 이벤트를 쓴 요소에 포커스를 두었을때 발생하고 blur는 이벤트를 쓴 요소에 포커스를 잃었을때 발생한다. 모든 태그에 쓸 수 있는 줄 알았는데 사용자와 상호작용하는 태그들에만 사용이 가능하고 div, span 같은 태그에는 적용이 안된다고 한다. 하지만! 하고 싶을 때는 html의 tabindex 속성을 쓰면 된다. 속성값은 숫자로 표현되며 1에 포커.. 2023. 6. 14. 댓글, 좋아요, 삭제 기능 구현하기 main 페이지에서 처음으로 자바스크립트 활용한 과제이다. 4번과 6번이 연관이 있어서 한번에 진행했다. 댓글 입력 후 엔터키를 누르거나 게시 버튼 클릭 시 댓글이 추가될 수 있도록 구현해주세요. 댓글 마다 좋아요, 삭제 버튼을 추가해 버튼을 누를 시 각각의 기능이 실행되도록 구현해주세요. 먼저 필요한 값들을 DOM으로 불러왔다. ID값은 전체 파일 중 1개라 불러내면 1개만 나오지만 class는 여러개일 수도 있어서 배열로 나오기때문에 index를 적어줘야한다. const inputComment = document.getElementById("input"); const buttonComment = document.getElementById("button"); const newComment = docum.. 2023. 6. 13. 이전 1 다음