javascript - 下载 zip 的 HTML 链接(包括复制粘贴时)并重定向到thankYouforDownloading.html 页面

Question

在我的项目页面上，我有一个下载 zip 文件的按钮:

<a class="btn btn-lg btn-success versionedButton"
href="https://download.jboss.org/optaplanner/release/6.5.0.Final/optaplanner-distribution-6.5.0.Final.zip">
... Download ...</a>

现在，按下此按钮后，在下载 zip 文件时，我想将浏览器重定向到另一个页面 thankYouforDownloading.html。

但是当滚动按钮或复制粘贴该链接时，它应该仍然是 zip 文件链接(而不是 thankYou*.html 页面)。

这可能吗？

Answer 1

为“a”元素添加onClick处理程序，以在单击后进行操作

<a href="https://download.jboss.org/optaplanner/release/6.5.0.Final/optaplanner-distribution-6.5.0.Final.zip" onClick="goToThankYouPage()" class="btn btn-lg btn-success versionedButton">... Download ...</a>
<script>
function goToThankYouPage() {
    setTimeout(function(){
        window.location.href = "download/thankYou.html";
    }, 5000);
}
</script>

这是 fiddle https://jsfiddle.net/eyw45dgh/1/