如何禁用所有div内容

我当时的假设是，如果禁用div，那么所有内容也会被禁用。

但是，内容为灰色，但我仍然可以与之交互。

有没有办法做到这一点？（禁用div并同时禁用所有内容）

上述许多答案仅适用于表单元素。禁用任何DIV包括其内容的简单方法是仅禁用鼠标交互。例如：

$("#mydiv").addClass("disabledbutton");

CSS

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}