删除/移动 Google Chrome 左下角状态栏（链接地址栏）

我正在开发一个网站，其设计的左下角有一个关键的导航元素。在 Google Chrome 中，左下角有一个状态栏，当您将鼠标悬停在页面上的链接上时，会出现该状态栏并显示该页面的 URL。不过，如果你足够接近，它会移动到右下角。这妨碍了该导航元素。

我的问题是可以使用 CSS、HTML 或 JavaScript 删除/移动（右下）吗？请参阅下面的一些注释。

• 理想情况下，我想将其永久移至右侧。
• 我知道出于多种原因这是必需的/最佳实践，所以我想避免删除。
• 我知道我可以从链接中删除 href 并使用 onClick 事件，这可能是一个可能的解决方法，但在这种情况下向右移动将是更好的解决方案。
• 我也确信，无论如何，关于将这个导航元素设置在左下方，仍然存在很大的争论，但我正在寻找我必须使用的参数内的解决方案。

Thanks

Chrome 从您的链接中读取 HREF 属性，以在状态栏中显示该链接。

因此，如果您从 A 标记中删除 HREF，状态栏将不会显示。但是该链接也不起作用，:)。这就是为什么您可以在 MouseOver 上创建一个事件处理程序来解决该问题并保持链接正常工作。

$("body").on('mouseover', 'a', function (e) {
    var $link = $(this),
        href = $link.attr('href') || $link.data("href");

    $link.off('click.chrome');
    $link.on('click.chrome', function () {
        window.location.href = href;
    })
    .attr('data-href', href) //keeps track of the href value
    .css({ cursor: 'pointer' })
    .removeAttr('href'); // <- this is what stops Chrome to display status bar
});

您可能会遇到额外的问题，例如禁用的链接或具有其他事件处理程序的链接。在这种情况下，您可以将选择器调整为'a:not(.disabled)'或者也许只是使用 css 类将此委托添加到已知元素".disable-status"，因此您的选择器将是："a.disable-status".