javascript - Firefox 不会触发点击事件

Question

我有一个只有 firefox 的问题(该脚本在 chrome、opera、safari 甚至 edge 中运行良好)。

问题:在 div 容器中有一个带有 a 标签的下载按钮。现在我希望点击 div 容器指向另一个 href 而不是下载按钮。

要了解盒子的概念:

<div class="imacontainer>
___________________________________
|.download-lightbox               |
|                                 |
|                                 |
|                                 |
|          [DL-BTN]               |
|                                 |
|                                 |
|                                 |
|                                 |
|                                 |
|_________________________________|
    <h3><a href="link">title</a></h3>
</div>

我写的解决方法是这样的:

$("imacontainer").click(function(e){
    if(e.toElement.className == "download-lightbox") {
        e.preventDefault();
            var target = $(this).children("h3").children("a").attr("href");
            window.location.href = target;
    }
});

知道为什么这仅在 Firefox 中不起作用吗？

Answer 1

尝试使用 e.target

if($(e.target).hasClass("download-lightbox")) {