通过对话框重定向到新页面

debugcn 发表于 Dev

维克

我们正在尝试通过按钮将用户重定向到带有 javascript/jquery 的新页面。单击按钮时，一段文本也会被复制到剪贴板。用户收到一条警告，确认此文本已被复制。然后我们希望该站点重定向到一个新页面。通过单击警报上的确定按钮，或自动。

这可以通过警报实现吗？我们可以在用户单击按钮时创建自动延迟重定向，以便他们看到警报消息并在几秒钟后重定向吗？

代码在这里：

<div class="country-container">
          <button class="promocode" onclick="copyToClipboard('#p1')">
          <p style="text-decoration: none;">Use promocode:<br><span id="p1">SPAIN-2018</span></p>
</div>   

    <script>      
    function copyToClipboard(element) {
      var $temp = $("<input>");
      $("body").append($temp);
      $temp.val($(element).text()).select();
      document.execCommand("copy");
      $temp.remove();

      alert(“You’ve copied the promo code " + $temp.val());
    }    
    </script>

谢谢！

亚当

下面应该做你需要的。

function copyToClipboard(element) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val($(element).text()).select();
    document.execCommand("copy");
    $temp.remove();

    alert("You’ve copied the promo code " + $("#p1").text()); 
  }
  
$("button").click(
    function() {
        setTimeout(
            function() {
               //alert("Redirect here");
               window.location.replace("http://stackoverflow.com");
            },
            1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="country-container">
  <button type="button" class="promocode" onclick="copyToClipboard('#p1')">
  <p style="text-decoration: none;">Use promocode:<br>
  <span id="p1">SPAIN-2018</span></p>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。