javascript - 如果在模态对话框外进行单击,如何禁用用户所做的所有单击

标签 javascript asp.net modal-dialog

在我当前的项目中,我正在打开一个模式对话框,该对话框通过单击按钮打开, 现在,如果用户单击模态对话框外的任何位置,浏览器应忽略单击,模态对话框应获得焦点,这如何实现?

最佳答案

显示模态对话框时禁止点击背景的标准方法是创建一个(半)透明的 div(带有背景图像)并使用它来拦截所有点击。

您的对话框放置在这个透明的 div 上。

像 jQuery 这样的框架会为你做这件事,所以你不必担心 js 是否正确。

看看jQuery modal dialog .

关于javascript - 如果在模态对话框外进行单击,如何禁用用户所做的所有单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15356102/

相关文章:

internet-explorer - IE 的 jQuery UI 对话框问题

angular - 在 Angular 2 中制作模态框的最佳方法是什么?

Javascript 换行符抛出错误

Javascript TypeError : this. init is not a function 错误

javascript - Node.js exec 调用永远不会调用回调

javascript - 是否有一个 javascript (jquery) 库用于从 cgi 参数更新 html 表单控件?

c# - .NET 或 MSSMTP 在 From header 中添加换行符

javascript - 更新控件模糊的 ValidationSummary 列表?

c# - 如何修复 Viewstate 中表的序列化?

javascript - React Native - 带有 Flatlist 项目的模态