document.ready 이후 동적으로 생성된 Element에 event 걸기

예를 들어 document.ready시에 그려지는 table내의 tr태그에 특정 event를 걸었다면 

table 태그 내의 tr 태그를 모두 삭제할 경우(보통  초기화하고 tr만 다시 그릴 경우) document.ready시에 걸었던 event도 모두 삭제가 된다.

tr을 다시 그려도 삭제된 event는 ready시에만 걸었기 때문에 화면 자체가 새로고침 되지 않는 한 event가 다시

걸리지 않는다.

이럴 경우 아래와 같이 처리하면 된다.

<script type="text/javascript">
$(document).ready(function(){
.
.
.(생략)...
	//여러게의 이벤트 처리
	$(document).on("propertychange change keyup paste input","input[type=text]",function(e){/*input 태그 */
 		console.log(e.target.name);
	});
	
	$(document).on('blur','input[type=text]', function(e){
 		console.log(e.target.name);
	});

});
//
<script>

결론: ready 내에 document on으로 이벤트를 걸면 된다.