キーを押した後にカーソルがブラウザに隠れないようにする

Question

ほとんどのブラウザ（最新世代）では、「A」やSpaceのようなキーを入力するとマウスカーソルが非表示になることを知っています。これは、ユーザーに入力した内容を表示させるためのものです。 ピクセルのマウスを動かすとすぐにカーソルが表示されます。

ここで問題が発生します。これは、divなどの非入力要素にフォーカスした場合でも、ブラウザのどこでも発生します。私はショートカットとしてキーを使用しているので、私は、ユーザーがキーを押した後、ブラウザが私のカーソルを隠すことを望まない。

質問があります - これが起こらないようにする方法やトリックなどがありますか？そして/またはキーアップ後にカーソルが再び自動的に表示されるようにしますか？

私は目に見えないdivなどのようにウェブ上でさまざまな "ハック"を試みましたが、成功していないものがありました。

EDIT：最新のMAC-OS-Xのすべてのブラウザ（Chrome最新、Firefox最新、Safari最新）でこの問題が発生しています。

Answer 1

：

もapple.stackexchange.comにこの質問を参照してください。ユーザー：

1. するたびにカーソルが移動し、それは文書がkeyUpイベントを観察すると、実際のカーソルが最後に見た場所の正確な座標にカーソルの画像を表示
2. 位置だセーブ（それはまだそこですが、隠された）
3. 実際のカーソルが再び移動すると、画像を非表示に（実際には、1。でこの機能をマージ）

問題ここでは、カーソル画像を表示するために何かを知ることになるだろう。まず、ユーザーがMac（またはカーソルを隠している別のOS）上にいるかどうかを検出する必要があります。また、カーソルが表示されている場所によってカーソルを表示する必要があります。これは、ホバリングしているすべての要素について、どのカーソルが表示されているかを検出し、同じカーソルの画像を表示する必要があることを意味します。

リンクと入力のホバリング（それぞれpointerとtext）をカバーするいくつかのCSSルールを追加することで、基本/デフォルトをカバーできますが、ユーザーが自分のOSで定義されたカスタムカーソルを使用する場合はどうなりますか？

私はまだコードを試していませんが、これは理論上で動作するはずの概念なので、もっと助けが必要な場合はお知らせください。しかし、正直なところ私はこれを達成しようとしないよう勧めます。それはそれが解決するよりも多くのトラブルをもたらすだろう、今。

-edit- ここでは概念の証明です：http://jsfiddle.net/4rKMx/2/

Answer 2

これはブラウザの動作ではなく、オペレーティングシステムの動作、特にMacの動作です。ブラウザに入力するだけでなく、Mac上のどのアプリケーションでも、カーソルは非表示になります。

これは、ブラウザーが高いレベルから隠されているため、カーソルに関する知識や制御がないことを意味します。たとえば、CSSやJavaScriptを使用してカーソルを変更することはできますが、移動するまで表示されません。実際にはJavaScriptを使ってカーソルを移動することはできませんが、オペレーティングシステムがカーソル移動の信号を受け取っていないため、助けてもらえないか疑問が残っています。私はちょうどこれに対する可能な解決策を考え、迷惑ではない方法でこれを行うには本当に難しいことになるだろう How do I disable hiding of the mouse pointer while typing text?