동적으로 생성된 DOM요소의 JQUERY 이벤트 제어
동적으로 생성된 DOM요소의 JQUERY 이벤트 제어. Jquery 의 event handler로 자주 사용되는 .on method 가 있다. 대부분의 jquery를 사용한 front-end 구성에서는 onclick 등 이벤트를 제어 하기 위하여 .on method를 주로 사용하게 된다. 보통은 아래와 같은 형태로 사용되곤 한다. $('#elementId').on('click', function(){ // 실행문 } 하지만 .ajax를 사용한 비동기 방식을 등을 통하여 동적으로 .html 이나 innerHTML 등으로 DOM이 생성 되었을 때 이벤트가 동작 하지 않는다. jquery의 API Document를 보면 .on( events [, selector ] [, data ], handler ) 위와 ..
Web-Frontend/JavaScript
2017. 6. 20. 20:54
가우스 사용시 OnLastChar() 에 의한 포커스 이동 버그
가우스를 사용 중 OnLastChar() 이벤트를 이용하여 다음 텍스트 영역으로 포커스를 이동시에 ctrl + V 버튼으로 붙여 넣기 하여 OnLastChar() 이벤트가 발동 된 경우 이동한 포커스의 텍스트 영역에도 붙여넣기 한 문자가 똑같이 입력이 되는 현상이 있다. 이럴 때는 function fncSetFocus(){ $("targetText").focus(); } 위와 같은 방법으로 해결이 가능하다.
Web-Frontend/JavaScript
2011. 8. 22. 19:42