使用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的链接。 镀铬的平板只是不喜欢这样，因为它认为链接格式错误。 因此，您应该将href="#"放回原处，并将其添加到jQuery中：

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