javascript - 如何禁用所有 div 内容

Question

我假设如果我禁用了一个 div，所有内容也会被禁用。

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

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

Answer 1

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

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

CSS

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

补充:

许多评论如下:“这只会禁止鼠标事件，但控件仍处于启用状态”和“您仍然可以通过键盘导航”。您可以将此代码添加到您的脚本中，并且无法通过键盘选项卡等其他方式访问输入。您可以更改此代码以满足您的需要。

$([Parent Container]).find('input').each(function () {
     $(this).attr('disabled', 'disabled');
 });