Javascript 为什么我使用addEventListener时复选框停止工作

当我使用

addEventListener

我的复选框停止工作时，我尝试删除所有代码，但当我添加此代码时，我的复选框停止工作 这是我的事件侦听器

document.addEventListener('click', function(e) {
  e.preventDefault();
});

我的文档前面有

innerhtml

，我想获取所选项目的id 这是

innerhtml

document.innerHTML += "<div class='product-container'><div class='course'><div class='course-preview'><img class='product-image' src="+productimageUrl+"></div><div class='course-info'><div class='progress-container'><h6>OnSale: "+ productsale +"</h6><h6>Featured: "+productfeatured +"</h6><h6>soldOut: "+ productsoldout +"</h6></div><h2>"+ productname +" "+ productprice +" </h2><h4>"+productcategory+", "+productsubcategory+"</h6><h4>"+ productamount +"</h4><h6>PRODUCT ID:</h6><h5>"+ productid +"</h5><button id='editbutton' class='btn'>Edit Product</button></div></div></div>"    

e.preventDefault（）阻止单击时可能发生的任何操作

如果只想在未单击复选框时防止默认值（），请测试目标对象是否为输入

document.addEventListener('click', function(e) {
  if(e.target.tagName != "INPUT") {
    e.preventDefault();
  }
});

e.preventDefault（）阻止单击时可能发生的任何操作

如果只想在未单击复选框时防止默认值（），请测试目标对象是否为输入

document.addEventListener('click', function(e) {
  if(e.target.tagName != "INPUT") {
    e.preventDefault();
  }
});

您可以使用e.PreventDefault（）防止发生默认行为（勾选复选框）。可能描述您想要实现的功能。
document
中的
innerHTML
是一个自定义属性，它没有本机表示形式。
e.preventDefault（）
取消默认行为。复选框的单击事件的默认行为也会被取消，因为一旦单击它就会读取选中的状态
true | false
。您可以使用e.PreventDefault（）防止默认行为（复选框被勾选）发生。可能描述您想要实现的功能。
document
中的
innerHTML
是一个自定义属性，它没有本机表示形式。
e.preventDefault（）
取消默认行为。复选框的click event的默认行为也会被取消，因为一旦单击它就会读取选中的状态
true | false
。