Javascript 为新附加的元素查找适当的事件

我正在创建一个简单的页面生成器 我使用这个JQuery代码将新的“技能栏”附加到元素中

var百分比=0；
$（“#进度条”）。单击（函数（）{
var title=document.getElementById（'pb-title'）。值；
百分比=document.getElementById（'pb-percent'）。值；
风险值项目=“”+标题+“+百分比+”
”；
$（SelectedElement）。追加（项）；
百分比+='%'；
});由于您正在自己的代码中创建新元素，因此可以触发任何需要的事件：

var percent = 0;
$("#progressbar").click(function() {
  var title = document.getElementById('pb-title').value;
  percent = document.getElementById('pb-percent').value;
  var item = '<div class="skills-section"><div class="skills-progress"><p>' + title + '<span>' + percent + '</span></p><div class="meter nostrips wp"><span></span></div></div></div>';
  $(SelectedElement).append(item);
  percent += '%';

  $(this).trigger('myevent');
});

$(document).on('myEvent', ...);

var百分比=0；
$（“#进度条”）。单击（函数（）{
var title=document.getElementById（'pb-title'）。值；
百分比=document.getElementById（'pb-percent'）。值；
风险值项目=“”+标题+“+百分比+”
”；
$（SelectedElement）。追加（项）；
百分比+='%'；
$（this.trigger（'myevent'）；
});
美元（document）.on（'myEvent'，…）；

在最近的一些浏览器中，可以使用检测DOM中的更改。但一些浏览者并不支持它