jquery - 防止 anchor 标记触发Chrome状态栏

Question

我正在开发一个 Web 应用程序，该应用程序有一个可用作工具栏的页脚，并且还显示信息。应用程序的布局是 flex 的，因此页脚始终在页面底部可见；没有滚动。由于与此问题无关的原因，我们认为页面底部是工具栏元素的理想位置。

我在使用 Chrome 时遇到的问题是，在两种情况下状态栏会妨碍并覆盖一些正在显示的信息。第一个是当鼠标悬停在吸盘鱼式菜单上时。当鼠标悬停在菜单元素上时，状态栏会显示目的地(到目前为止一切顺利)，但在某些情况下，它会卡住并且永远不会消失，直到刷新页面为止(Chrome bug？)。

第二期可以看这个jsfiddle 。由于 Jquery UI slider 使用 anchor 标记，移动它会触发一个显示当前位置的状态栏(恕我直言，毫无用处)。问题是页脚上的一些信息在移动 slider 时会更新，因此 Chrome 的状态栏阻止我以这种方式呈现信息。由于 anchor 标记获得焦点，状态栏也会卡住，但我可以使用以下代码来防止这种情况:

$("#slider").on("slidestop", function(event, ui)
{
    $("a.ui-slider-handle").blur();
});

状态栏在滑动时仍然会妨碍，这破坏了我们当前的设计。我可以对这些标签做些什么来防止它们触发状态栏吗？谢谢

Answer 1

您可以通过从链接中删除 href 属性并在点击处理程序中重新应用其链接功能来实现此目的。

这是一个示例:http://jsbin.com/ikated/1/edit

但是这是一个糟糕的设计，并且破坏了用户的一个重要的浏览器功能。它隐藏了链接的功能，隐藏了链接的内容(除非您重新设计它以使用 text-decoration: underline;cursor:pointer; 或您用于链接的任何样式，并破坏中键单击功能.您可以将其替换为另一个处理程序，但在我看来，隐藏链接目标仍然是一种欺骗性且对用户不利的模式。