0

意図したとおりに機能する次のコードブロックと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 = "＃"をリンクに追加しても、これは発生しないことがわかりました。ただし、これを行うと、リンクアドレスがページの下部に表示されるので、これは必要ありません。

誰かが私がこれを解決してブラウザに私のダブルクリックを無視させる方法を知っていますか？

4

2 に答える 2

1

href="javascript:void(0);"ブラウザがステータスバーにリンクを表示しないようにしてください。

またevent.preventDefault();、「名前が示すように」試してみてください

于 2012-10-04T12:22:17.493 に答える
0

すでに解決しているようです。ブラウザがステータスバーにリンクを表示しないようにする必要があります。あなたが最初に持っているのは、hrefのないリンクです。Chromeは、リンクが不正であると見なすため、これを好まないだけです。したがって、href="#"背中を元の位置に置き、これをjQueryに追加する必要があります。

$('#menuPrev')
  .click(function () {
     ...
     return false;
  })
  .doubleClick(function() {
     return false;
  })
  .mouseover(function() {
     window.status = '';
  });
于 2012-10-04T12:15:21.330 に答える