DEV/Javascript (15) 썸네일형 리스트형 🛑Uncaught ReferenceError: getEventListeners is not defined 에러내용"Uncaught ReferenceError: getEventListeners is not defined"getEventListeners()라는 메소드가 없어서 발생하는 에러 element에 등록된 이벤트 확인 로직을 검색 하던중 해당 구문을 사용하는 소스코드에서 에러가 나서 찾아보니 getEventListener() 메소드는 크롬 개발자 도구에 내장된 콘솔창 전용 api일 뿐, 자바스크립트 표준 메소드가 아니기 때문에 발생하는 에러입니다. 직접적으로 이벤트 바인딩을 확인할 수 있는 자바스크립트 표준 메소드는 존재하지 않기 때문에 별도의 클래스를 이용해 체크하면 됩니다. [Vue] InfiniteScroll Vue에서 사용하기 위해 만든 InfiniteScroll 컴포넌트 [jQuery] 스크롤 끝 이벤트 알아내기 브라우저창 스크롤 끝 이벤트 $(window).scroll(function () { if ($(window).scrollTop() == ($(document).height() - $(window).height())) { console.log('window scroll End!!'); } }) DIV 스크롤 끝 이벤트 $('#wrap').scroll(function () {var el = $(this); if((el[0].scrollHeight - el.scrollTop()) == el.outerHeight()) {console.log('wrap scroll End!!'); }}) [Javascript] Object 프로퍼티 체크 자바스크립트에서 Object에 for ... in 문법을 사용하면 해당하는 오브젝트의 프로토타입에 프로퍼티도 키 값에 넘어와 오류가 발생하는 경우가 있다. 현재 Object에 있는 Property인지 구분하는 방법은 hasOwnProperty를 사용하면 된다. 예시 Array.prototype.divide = function() { }; var obj = [{ TITLE: 'TEST' }]; for(k in obj) {console.log(k, obj.hasOwnProperty(k));} 결과 /* 키 hasOwnProperty> '0' true 키 값에 인덱스가 넘어옴> 'divide' false*/ [Javascript]빈 Object 체크 자바스크립트에서 Object가 비어있는지 체크할 때는 Object.getOwnPropertyNames()를 사용하면 된다. Object.getOwnPropertyNames(obj).length === 0; 예시 var obj = {}; Object.getOwnPropertyNames(obj).length === 0; // true obj = { 'not': 'empty }; Object.getOwnPropertyNames(obj).length === 0; // false 첫일 말일 구하기 var date = new Date(); var first = new Date(date.getFullYear(), date.getMonth(), 1); var last = new Date(date.getFullYear(), date.getMonth() + 1, 0); // 날짜가 0이면 -1일이된다. 문자를 유니코드로 변환하기 1. 문자열 -> Unicodevar a = 'ㄱ'.charCodeAt(0); // strObj. charCodeAt(index); // 출력: a = 12593 매개 변수 strObj 필수 사항 임의의 String 개체 또는 문자열 리터럴입니다. index 필수 사항 원하는 문자의 0부터 시작하는 인덱스입니다.지정된 인덱스에 문자가 없으면 NaN이 반환됩니다. 2. Unicode -> 문자열 var b = String.fromCharCode(12593) // 출력: b = "ㄱ" // String.fromCharCode([code1[, code2[, ...[, codeN]]]]) 매개 변수 String 필수 사항 String 개체입니다. code1, . . . , codeN 선택 사항입니다. 문자열로 .. window.print() 호출 이전/이후 이벤트 처리 1. onbeforeprint, onafterprint 이벤트 핸들러프린트가 요청될 때 IE와 Edge 그리고 Firefox(> 5)에서는 onbeforeprint, onafterprint 이벤트를 발생시킵니다.이 이벤트를 처리할 이벤트 핸들러를 구현하여 프린트 전/후에 대한 처리를 할 수 있습니다. window.onbeforeprint = function() { console.log('프린트 전 호출'); }; window.onafterprint = function() { console.log('프린트 후 호출'); }; IE와 Edge 그리고 Firefox에서는 onbeforeprint와 onafterprint 이벤트 핸들러를 이용하면 되지만 크롬과 사파리, 오페라등 타 브라우저에선 이 이벤트 핸들러.. 이전 1 2 다음
