[解決済み】すべてのdivコンテンツを無効にする方法

質問

divを無効にすると、すべてのコンテンツも無効になると思い込んでいました。

しかし、コンテンツは灰色になっていますが、まだ対話することができます。

そのような方法はあるのでしょうか？(divを無効にして、すべてのコンテンツも無効にする）。

どのように解決するのですか？

上記の回答の多くは、form要素にのみ有効です。DIVの内容を含めて無効にする簡単な方法は、マウスの操作を無効にすることだけです。例えば

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

CSS

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

サプリメントです。

これはマウスイベントを無効にするだけで、コントロールは有効です" と "you can still navigate by keyboard" のように多くのコメントがあります。このコードをスクリプトに追加すると、キーボードタブのような他の方法で入力に到達することができなくなる可能性があります。このコードは、あなたのニーズに合わせて変更することができます。

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