Javascript 如何使事件在禁用的字段集中的列表中工作

** 如何使'li'标记与字段集中的javascript事件一起工作（已禁用）。我不知道为什么它不起作用，请帮忙。 **

const enabledButton=document.querySelector（'.file download'）；
enabledButton.addEventListener（'单击'，（）=>警报（“确定”）
。文件显示器{
左侧填充：5px；
最大高度：50px；
溢出y：滚动；
溢出-x：自动；
}
.文件下载{
显示：块；
光标：指针；
颜色：蓝色；
字体大小：12px；
}
[role=“button”]{
-webkit外观：按钮；
外观：按钮；
游标：默认值；
字体风格：普通；
-webkit用户选择：无；
用户选择：无；
}

证明文件
随附
删除
roles.PNG

如果添加
指针事件：自动！重要的到
。文件下载
类将起作用。如果您在没有添加指针事件的情况下使用开发人员控制台，您将看到如何禁用父级


const enabledButton=document.querySelector（'.file download'）；
enabledButton.addEventListener（'单击'，（）=>警报（“确定”）
。文件显示器{
左侧填充：5px；
最大高度：50px；
溢出y：滚动；
溢出-x：自动；
}
.文件下载{
显示：块；
光标：指针；
颜色：蓝色；
字体大小：12px；
指针事件：自动！重要；
}
[role=“button”]{
-webkit外观：按钮；
外观：按钮；
游标：默认值；
字体风格：普通；
-webkit用户选择：无；
用户选择：无；
}

证明文件
随附
删除
tabindex=“0”title=“下载”>roles.PNG
建议一个替代答案

去掉禁用的标记，并通过Javascript禁用它。为字段集和要保持启用状态的列表分配一个ID。然后在JS on page load或类似事件中，禁用字段集，然后启用列表

我认为这是一个更容易、更有效的解决办法。因为具体来说只有李。用于删除条目的-仍然是独立的和禁用的

所以你可以点击它，什么都不会发生。（目前）
而不是点击它并获得警报，好像它是列表的一部分

请参阅以下代码段：


$（文档）.ready（函数（）{
$（'#form:input'）.prop（'disabled'，true）；
$（“#btn1”）.prop（'disabled'，false）；
})
const enabledButton=document.querySelector（'.file download'）；
enabledButton.addEventListener（'单击'，（）=>警报（“确定”）
。文件显示器{
左侧填充：5px；
最大高度：50px；
溢出y：滚动；
溢出-x：自动；
}
.文件下载{
显示：块；
光标：指针；
颜色：蓝色；
字体大小：12px；
}
[role=“button”]{
-webkit外观：按钮；
外观：按钮；
游标：默认值；
字体风格：普通；
-webkit用户选择：无；
用户选择：无；
}

证明文件
随附

删除
roles.PNG

如果父项被禁用，子项将被禁用…..将字段集的disabled属性设置为false。欢迎：）请向上投票并接受我的答案。@shivaan您能标记答案吗？