jquery禁用页面的一部分

我正在页面顶部显示一个无模式jquery对话框。 当显示对话框时,我希望只允许用户与页面的某个部分进行交互(主要是因为我不希望它们离开或点击导致回发的其他控件)。 我认为使用jquery与modal dialog使用的相同机制会很好,除了禁用整个页面,禁用除了我希望保持活动的部分之外的所有部分。 有人知道jquerymodal dialog如何做到这一点或有更好的建议?

如果您只想阻止发布/导航,请使用window.unload捕获并阻止该事件。

如果需要有选择地禁用输入控件,请将disabled属性应用于这些控件。

您可以通过为要禁用或为特定环境启用的每个对象分配一个类来轻松完成此操作,例如使用jquery

 $('.blocked-input-controls').prop('disabled',true);