JS生成DOM元素点击事件不生效和点击事件禁止冒泡处理方式

$(document).on('click','.del-sub-procedure',function(e){

e.stopPropagation();  //禁止事件冒泡

//点击事件操作。。。
    });

//禁止冒泡方法
function stopPropagation(e) {  
   e = e || window.event;  
   if(e.stopPropagation) { //W3C阻止冒泡方法  
       e.stopPropagation();  
   } else {  
       e.cancelBubble = true; //IE阻止冒泡方法  
   }  
};

使用原生JS点击事件就可以解决动态拼接的DOM元素使用jquery无法点击事件的问题。

使用  e.stopPropagation(); 方法禁止事件冒泡，所以事件冒泡就是禁止子元素继承父元素的事件方法。只执行针对当前元素的方法。