Blue Breeze

Server-Sent Events Crash Course udy/Server-Sent-Event/

EventTarget() EventTarget은 이벤트를 받고 그 이벤트 수신기(listener)를 가질 수 있는 객체에 의해 구현된 인터페이스입니다. Element, document 및 window는 가장 흔한 이벤트 대상(target)이지만, 예를 들어 XMLHttpRequest, AudioNode, AudioContext 및 나머지 다른 객체들도 이벤트 대상이 될 수 있습니다. 많은 이벤트 대상(element, document 및 window 포함)도 on... property 및 attribute를 통해 이벤트 처리기 설정을 지원합니다. 메서드 EventTarget.addEventListener() EventTarget에 특정 이벤트 유형의 이벤트 처리기를 등록. EventTarget.remove..

당신이 모를 수도 있는 크롬 개발자 콘솔 기능들 (Things you probably didn’t know you could do with Chrome’s Developer Console) Event 확인 getEventListeners($('selector')); // 엘리먼트에 모든 이벤트를 포함한 객체 배열(array of objects)을 리턴 이벤트 모니터링 monitorEvents($(‘selector’)) 코드 블록 실행 시간 확인 console.time('labelName'); console.timeEnd('labelName'); 변수 값 테이블 형식 보기 myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]; consol..

socket.io 1.x 에서 disconnect 이벤트는 socket 에 저장된 id가 이미 삭제된 상태로 disconnect 이벤트가 처리된다. join된 room정보가 필요할 경우 socket.io 의 onclose 를 오버라이딩해서 처리하면 된다. io.of('/').on('connection', function(socket) { // overridding, ref:node_modules/socket.io/lib/socket.js:416 socket.onclose = function( reason ){ if (!this.connected) return this; //debug('closing socket - reason %s', reason); myfunc( this.id ); // myfunc(..

AngularJS의 이벤트 AngularJS에서 제공하는 이벤트 지시자 이벤트 지시자명 설명 click ng-click html 요소를 클릭했을 때 표현식이 계산된다. dbclick ng-dbclick html 요소를 더블클릭했을 때 표현식이 계산된다. keydown ng-keydown 키보드의 키를 누를 때 표현식이 계산된다. $envent객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keypress ng-keypress 키보드의 키를 눌러 실제 문자가 입력됐을 때 표현식이 계산된다. $event 객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keyup ng-keyup 키를 뗄 때 표현식이 계산된다. $event 객체를 이용해 keyCode, alt..

JavaScript Web Application - Chapter2 이벤트와 이벤트 관찰에서이벤트는 자바스크립트 응용프로그램의 핵심이다. 이벤트는 애플리케이션을 동작시키는 원천이며 사용자가 애플리케이션과 의사 소통할 때 필요한 기능을 제공한다. 그러나 동시에 자바스크립느의 비 표준 문제를 일으키는 장본인이기도 하다.브라우저 전쟁이 한창일 때 넷스케이프와 아이크로소프트는 서로 호환하지 않은 이벤트 모델이라는 것을 알면서도 각자 자신의 이벤트 모델을 선택했다. 결국 W3C에서 이벤트 모델을 표준화했지만 인터넷 익스플로러는 IE9까지도 자신만의 구혀을 고집했다.다행이도 jQuery, Prototype 같은 훌류한 라이브러리 덕분에 모든 이벤트 구현에서 동작하는 프로그램을 만들 수 있다. 이벤트 수신addEve..

참고DLite – A Lightweight JavaScript Library For Those Who Want Less Features, And More Control dLite - Your little JavaScript friend 소개 elm – find element with a certain id 특정 ID를 가진 요소를 찾는다. var container = elm(“container”); elmsByClass – find elements with a certain class name 특정 클래스 이름으로 엘리먼트를 찾는다. var externalLinks = elmsByClass(“external”, a); DOMReady – run functions as soon as the DOM is l..

Web Hosting Infographics

OnLoad현 페이지가 로딩되었을 경우OnUnload현 페이지에서 다른 페이지로 이동할 경우OnError현 페이지를 읽는 중에 자바스크립트 에러가 날 경우OnAbort이미지를 읽는 도중 중지하였을 경우OnMouseOver마우스 커서를 위에 두었을 경우OnMouseOut마우스 커서를 위에 두었다가 밖으로 이동했을 경우OnClick링크 부분이나 버튼을 클릭했을 경우OnDbclick더블 클릭했을 경우OnMouseDown링크 부분이나 버튼을 클릭했을 경우(Onclick과 동일)OnMouseUp마우스 버튼을 클릭했다가 떼었을 경우OnKeyDown키보드를 눌렀을 경우OnKeyPress키보드를 누르고 있을 경우OnKeyUp키보드를 눌렀다 떼었을 경우OnFocus폼 양식 입력필드에서 마우스 커서를 위치 하였을 경우On..