방구석 상상코딩

이벤트 핸들러란? 특정 요소에서 발생하는 이벤트를 처리하기 위해 이벤트 핸들러(Event Handler)라는 함수를 만들어 바인딩하는 것으로 이벤트 핸들러가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면 해당 함수를 실행한다. 방법 1> // 등록 elem.addEventListener(event, handler) // 삭제 elem.removeEventListener(event, handler) 방법 2> // 등록 elem.attachEvent('on이벤트명'; function(){ }); // 삭제 elem.detachEvent('on이벤트명'; function(){ }); See the Pen Untitled by 도그리 (@yafsfbms-the-reactor) on CodePen. ▶ ..

키보드 이벤트란? 키보드를 조작할 때 발생하는 이벤트를 캐치하는 것으로, keydown, keypress, keyup 이 있다. keydown keypress keyup - 키보드를 누르는 순간 발생 - 물리키에 반응 - 현재 눌린 문자와는 상관없이 물리적인 키에만 반응 - 키보드를 누르는 순간 발생 - 현재 눌린 문자에 반응 - 문자 키에 반응 - 키보드를 눌렀다 떼는 순간 방법 1> function pressEnter(){ if(event.keyCode == 13){ alert("엔터키 활성화!"); } } 방법 2> function keycheck(evt){ var keyCode = evt.which?evt.which:event.keyCode; } 방법 3> txt1.onkeydown = funct..