javascript - 在客户端禁用 HTML 元素 (javascript)

Question

我正在寻找禁用整个 HTML 元素(通常是 <div> )的最简单方法。

“禁用”是指一种防止用户单击元素中包含的任何元素的方法。例如，如果您在禁用元素中有一个表单，表单元素将不会获得焦点。我尝试过一种遍历 DOM 并禁用它找到的每个元素的方法。它有效，但它似乎太复杂了，我正在寻找一种更简单的方法，比如 $("#mydiv").disable()

我想阻止用户触发其他事件，如 onmouseover 等，甚至避免用户使用键盘选择和修改元素。也许覆盖整个要禁用的元素的某种半透明覆盖层可以解决问题。

使用 jQuery 是否可行，或者您知道使用普通 JS 实现它的简单方法吗？

Answer 1

jQuery plugin BlockUI是实现这一目标的好方法。