FEDev Story

https://coffeeandcakeandnewjeong.tistory.com/84 getEventListeners로 등록된 이벤트리스너 확인하기 웹 개발에서 이벤트 리스너가 잘 해제되고 있는지 확인해야 하는 경우가 있다. 그럴 때 getEventListener를 사용하여 확인할 수 있다. getEventListeners(window) getEventListeners(document) 결과 { error: Arra.. coffeeandcakeandnewjeong.tistory.com

https://sogoagain.github.io/2020/04/29/%EC%8B%A4%EC%88%98%EB%85%B8%ED%8A%B8-JavaScript%EC%97%90%EC%84%9C-%EB%8F%99%EC%9D%BC%ED%95%9C-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A6%AC%EC%8A%A4%EB%84%88%EB%8A%94-%EB%8B%A8-%ED%95%9C-%EB%B2%88%EB%A7%8C-%EB%93%B1%EB%A1%9D%ED%95%98%EC%9E%90/ [실수노트] JavaScript에서 동일한 이벤트 리스너는 단 한 번만 등록하자 · 기술을 기술하다 익명 함수와 이벤트 리스너 Word count: 614Reading time: 3 min  2020/04/29  Sh..

제이쿼리에서는 이벤트 핸들러의 반환값을 검사해 이벤트 처리를 계속할 지 결정한다. 제이쿼리의 이벤트 핸들러에서는 주로 false를 반환한다. 이 반환 값은 다음 세가지 행동을 수행한다. 제이쿼리가 기본 동작(링크 따라가기, 텍스트 선택 등)을 수행하지 않게 한다. 이벤트 핸들러에서 event.preventDefault()를 호출하더라도 이와 같은 효과를 누를 수 있다. 제이쿼리가 부모 DOM 엘리먼트에서 같은 이벤트를 트리거(이런 동작을 버블링이라 한다)하는 일을 멈추게 한다. 이벤트 핸들러에서 event.stopPropagation()를 호출하더라도 이와 같은 효과를 누릴 수 있다. 해당 이벤트 핸들러 실행을 종료한다. 클릭한 엘리먼트가 이 핸들러 다음에 다른 핸들러에도 연결돼 있다면 순서상 다음번 핸..

다음은 단축메서드로 $ 함수를 정의하며 이벤트 위임을 사용해서 클릭이벤트가 발생한 'A'태그의 기본동작을 막고 href에서 특정값을 추출하기 위한 구문이다. Gravedigger Save Me var $ = function(id){ return document.getElementById(id); }; $('vids').onclick = function(e){ var src, id; e = e || window.event; src = e.target || e.srcElement; if(src.nodeName !== 'A'){ return; } if(typeof e.preventDefault === 'function'){ e.preventDefault(); } e.returnValue = false; id ..