javascript - 打开新窗口时创建覆盖

Question

我正在尝试编写代码或查找代码/插件，以允许以下场景工作...

If there is one link on my page that goes to an external link and it opens a new window for that link, if the user comes back to my site there is an overlay would then be there. This action doesn't even have to happen on a returnto action, but could be one action that when clicked, an overlay is placed while a new window is opened.

需要发生三件事:

1. 只有 1 个链接具有唯一的操作/ID/类(不能是每个链接)
2. 当访问者点击此特定链接时，target="_blank" 或 target="_new" 会为用户创建新的去处，但是 <
3. 原始窗口不会丢失，因此如果用户在执行第 2 步操作后确实返回到该窗口，现在会有一个叠加层和消息告诉他们一些事情(即注册时事通讯，谢谢访问等)。

我不介意它是 CSS、Javascript 还是 AJAX 修复 - 我只是无法实现它。

Answer 1

很简单。确保所有外部链接中都有 target="blank" 或 class="external"。并在您的代码中添加此 HTML:

<div class="mask">
  <div class="message"></div>
</div>

.mask {position: fixed; height: 100%; width: 100%; left: 0; top: 0; display: none;}
.mask .message {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

现在，JavaScript 部分:

$(function () {
  // Change ".external" to '[target="_blank"]' for the other way.
  $(".external").click(function () {
    $(".mask").show();
  });
  $(".mask").click(function () {
    $(this).fadeOut();
  });
});