2011-07-05 13 views
2

Chrome(SafariまたはFirefoxではなく)のリンクをクリックすると、カーソルが矢印から矢印に変わります。この現象を防ぐことができますか?つまり、クリックした後にポインタを置くことは可能ですが、カーソルがリンク上にまだホバーしていますか?Chromeでのリンクのクリックによるカーソルの変更の防止

EDIT:もう少しテストを済ませました。まず、リンクをクリックした後にカーソルがポインタとして残るようにする唯一の理由は、リンクが実際に別のページを読み込まず、代わりにJSイベントを発生させる場合だけです。

上記のコード、event.preventDefault(またはfalseを返す)で
<a href="test">Test</a> 

// JQuery 
$("a").click(function(event) { event.preventDefault(); } 

は、カーソルはクリックした後、ポインタを維持することができます。ほとんどの用途、つまりDOM操作やAJAXリクエストのトリガで十分です。

問題がhistory.pushState()である:ここでは

<a href="test">Test</a> 

// JQuery 
$("a").click(function(event) { 
    history.pushState(arg1, arg2, url); 
    event.preventDefault(); return false; 
} 

は、ポインタが矢印に変わりはありません。どのように起こることからそれを停止するための任意のアイデア?

+0

を適用しますか?鉱山では、リンクをクリックしてもポインタが残っています... – Niklas

+0

私のクロームの矢印には変わりません。どのバージョンがあなたですか? – Sufendy

+0

Chrome 12.0.742.112(Macの場合)を使用しています。 –

答えて

2

これはCSSの問題のようです。次のようなコードを探します。これは、すべてのリンク(のようなa[href])だけのWebKitに影響を与えます

::-webkit-any-link:hover, 
::-webkit-any-link:active { cursor: pointer; } 

。他の何かが、Safariがこれをやってしまうのを防ぐかもしれない。

UPDATE GIVEN EXPANDED QUESTION:今、私たちは、カーソルがjavascriptのオフ要素火災をクリックした後、ポインタに戻って変わる、すなわちという、問題についての詳細を知ること

は、私はこれがあると言うでしょうChromeのバグ。

http://bugs.chromium.org/

1

でレポートを提出してくださいあなたは明示的に含めるようにターゲット要素のCSSを設定することができ - あなたはIE 5.5をサポートする必要がある場合

#element { 
    cursor: pointer; 
} 


http://www.quirksmode.org/css/cursor.html#noteを参照してください。私はこの絶望的な回避策を考えている一方

0

  1. ブラウザは、クローム
  2. を検出あなたはクロームのどのバージョンを使用しているthis tutorial
+2

あなたは*本当に*解決策を必要としますか?これを行うにはブラウザの盗聴に頼っていますか? –

+0

実際、私は本当にカスタムカーソルが必要なのは、HTMLサイト全体のスライドショーで、次の/前の画像(デフォルトの代わりにw-resize/n-resize)にカスタムカーソルを使用しています。しかし私は、ユーザーがブラウザよりもナビゲートするために多くの機能を持っていることを好むと思います...とにかく...別の解決策がありますか? –

関連する問題