Javascript 如何防止在包含复选框的列表项上定义的弹出框在单击复选框时显示

下面的示例代码显示了包装在具有警报集的div中的两个复选框。单击第一个复选框会触发div上的警报。第二个复选框使用stopPropagation（）来抑制警报。对添加到列表中的列表项应用相同的抑制技术。但是，单击列表项上的复选框仍会显示弹出框。单击复选框时如何抑制弹出框

第一个复选框在单击时显示来自父DIV的警报。第二个复选框取消警报


应用于列表项的相同抑制技术不适用于弹出窗口。


添加列表项
函数suppressPopover（）{
window.event？window.event.cancelBubble=true:e.stopPropagation（）；
}
函数addListItem（）{
让listItem=document.createElement（'li'）；
setAttribute（“数据切换”、“popover”）；
setAttribute（“tabindex”，“0”）；
setAttribute（“数据触发器”、“焦点”）；
setAttribute（“标题”、“标题”）；
setAttribute（“数据放置”、“底部”）；
setAttribute（“数据内容”、“详细信息”）；
listItem.innerHTML=“列表项”；
设ele=$（listItem）；
ele.popover（）；
document.getElementById（“列表”）.appendChild（listItem）；
}

添加更多代码以便有人能进一步帮助。添加更多代码添加更多代码以便有人能进一步帮助。添加更多代码