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

Question

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

"禁用"是指一种阻止用户点击元素中包含的任何元素的方法.例如,如果将表单放入disabled元素,则表单元素将无法捕获焦点.我尝试过遍历DOM的方法并禁用它找到的每个元素.它工作但它似乎太复杂,我正在寻找一个更简单的方法,如$("#mydiv").disable()

我想阻止用户触发onmouseover等其他事件,甚至避免用户使用键盘选择和修改元素.也许某种半透明的覆盖层覆盖整个被禁用的元素可以做到这一点.

这是可能的jQuery还是你知道用简单的JS实现它的简单方法吗？

Answer 1

该jQuery插件BlockUI是实现这一目标的最佳方式.