javascript - 如何在不使用Java封面元素的情况下使整个页面可点击？

使用Javascript，我正在寻找一种方法来使整个页面将用户重定向到另一个页面，而无论用户在页面上单击的位置如何，以及该元素是否已经具有click事件侦听器。无论如何，我都想重定向它们。

另外，如果可能的话，我也不想使用固定样式的封面元素，而是让它们单击。

到目前为止，这是我尝试过的方法：

function clickBody()
{
    window.location.href = 'http://google.com';
}

document.body.addEventListener("click", clickBody);

它工作得很好，但事实是，如果用户单击锚标记，它不会重定向。

有什么解决方案可以做到这一点吗？

最佳答案

将true作为最后一个arg添加到addEventListener中（这意味着它是捕获事件，应在常规事件之前进行处理），并停止事件的传播并阻止处理程序中的默认操作，以防止链接重定向：

function clickBody(e) {
  e.preventDefault();
  e.stopPropagation();
  window.location.href = 'http://google.com';
}

document.body.addEventListener("click", clickBody, true);