Javascript 如何启用/禁用元素'；使用CSS的单击处理程序？

我在JavaScript中使用它来启用和禁用div元素：

$("#divbutton").css("pointer-events","auto");

但是我想要一个启用和禁用元素的属性。我该怎么做

html

因维亚

---

尝试创建一个

CSS

类，其值为

指针事件

，如下例所示：

document.querySelector（'button'）。addEventListener（'click'，（）=>{
document.getElementById（'divbutton'）.classList.toggle（'disabled'）；
});
#divbutton.disabled{
指针事件：无；
用户选择：无；
背景：黄色；
}
#divbutton{
高度：2em；
}
因维亚
单击“我”

虽然我强烈建议使用

而不是

，但我可以想到一种情况，您可能无法更改HTML标记来完成此操作。
下面我从您应该努力争取的案例开始，使用

作为按钮，但接下来将介绍如何“禁用”充当按钮的div

---

您可以通过向div添加一个click处理程序使其像按钮一样工作，然后通过添加一个具有适当CSS的类（主要是通过禁用

指针事件

）来禁用它

在这里，

通过使用一个类来充当按钮，通过添加另一个类“disabled”来禁用它。div上的click处理程序通过使用

警报

演示了它是可单击的，您将看到，当“disabled”类添加到div时，它不再对单击做出反应

$（'#divbutton'）。单击（函数（e）{
//这就是你要把你的代码
//单击div时执行某些操作。
警报（“假按钮被点击”）；
});
//这是如何禁用假按钮。。。
$（“#演示禁用”）。单击（函数（e）{
$（'#divbutton'）.addClass（'disabled'）；
});
//…并重新启用它
$（“#演示启用”）。单击（函数（e）{
$（“#divbutton”）.removeClass（'disabled'）；
});
div.buttonSender{
保证金：1px；
填充：4px；
边框：1px实心暗光；
边界半径：2px；
最大宽度：20em；
指针事件：自动；
颜色：黑色；
背景颜色：桃花；
}
div.buttonSender.disabled{
背景颜色：浅灰色；
指针事件：无；
}

这是像按钮一样工作的div。
单击我
使残废
使可能
CSS？为什么不呢？
$（“#divbutton”）.attr（'disabled'，'disabled'）这是否回答了您的问题@bravemaster用于启用它是充分的写启用而不是禁用？因为它是一个按钮，您应该使用
而不是div-您可以像使用div标记一样，将任何HTML放在按钮标记中，辅助技术会将其识别为按钮。如果您使用div，那么您需要放置
，因此您最好首先使用
元素。
<div class="buttonSender" id="divbutton">Invia</div>