Question

我正在使用Bootstrap 3，我正在寻找一种方法来阻止我的模态对话框窗口在新标签/窗口中打开。必须仅通过直接点击打开模态窗口（在当前窗口的顶部），当用户右键单击＆＃34时打开模式窗口;在新选项卡/窗口中打开＆＃34;。任何帮助将不胜感激，谢谢

Answer 1

在元素上你可以使用oncontextmenu

<ul class="nav nav-tabs" oncontextmenu="return false;">
  <li><a href="#tab1" data-toggle="tab">tab1</a></li>
  <li><a href="#ab2" data-toggle="tab">tab2</a></li>
</ul>

Answer 2

嗯，这将很难跨浏览器/设备明智 - 在新窗口中打开链接是对浏览器的同样请求（没有JS方式知道差异）。

也许可以使用localstorage / cookies和主动浏览器选项卡检测以及一些捕获右键单击方法（所有逻辑上连接在一个函数中），但我认为它可能非常容易（跨浏览器/设备）不一致..

所以 - 我个人会尝试写一个方法： - 检查右键单击（不要忘记触摸设备） - 或者作为shiva建议（oncontextmenu），在localstorage / cookie中保存“state”， - 在页面init检查该状态并适当地禁用模式。

在多台设备上测试......

防止在新标签/窗口中打开Bootstrap模式窗口

2 个答案: