js/jQuery绑定将来生成的事件

HTML

<button class="num1">点击生成按钮</button>
<div class="newbtn" id="newparent" style="width: 400px;height: 80px;border: 1px solid red;"></div>

js/jQuery

$('.num1').click(function(){
		$('.newbtn').html("<button class='num2' id='newnum2'>点击</button>");
});
$('.outerclick').on('click','.innerclick',function(event){
	event.stopPropagation();  // 防止冒泡到外层的点击事件
	alert("内部的绑定事件");
});

//js
document.getElementById('newparent').addEventListener("click",function(event){
		var event = event || window.event;
			event.stopPropagation();
		var target = event.target || event.srcElement;
			alert(target.tagName);
		if(target.tagName === "BUTTON"){
				alert(target.className);//target.classList 根据这些值判断来写处理的事件即可
				alert("未来事件绑定");
		}					
	})