如何使用chrome浏览器双击时删除地址元素突出显示

Question

我有以下代码块和JavaScript可以按预期工作。

<li>
  <a id="menuPrev">
    <div class="sprite-blank"></div>
  </a>
</li>
$('#menuPrev')
  .click(function () {
     ...
     return false;
  })
  .doubleClick(function() {
     return false;
  });

当用户双击地址链接时，<a>元素下方会出现一条蓝线，<li>元素的底部。这仅发生在Chrome浏览器上并双击即可。据我所知，这是我双击某些内容时Chrome中的默认颜色行为。这看起来令人困惑，如果可能的话，我想阻止这种情况的发生。

到目前为止，我发现如果我更改代码并将 href="#" 添加到链接中，那么这个不会发生。但是，当我这样做时，链接地址出现在页面，我不想要这个。

有没有人知道我如何解决这个问题并使浏览器忽略我的双击？

Answer 1

尝试href="javascript:void(0);"以防止浏览器在状态栏中显示链接。

还要尝试event.preventDefault();"顾名思义"

Answer 2

听起来您已经解决了它，您只需要阻止浏览器在状态栏中显示链接即可。您拥有的第一件事是一个没有 href 的链接。Chrome 完全不喜欢这样，因为它认为链接格式不正确。所以你应该把你的href="#"放回原位，并将其添加到你的jQuery中：

$('#menuPrev')
  .click(function () {
     ...
     return false;
  })
  .doubleClick(function() {
     return false;
  })
  .mouseover(function() {
     window.status = '';
  });