divタグ内のカーソル速度を変更する

私のウェブサイトでより良いユーザーエクスペリエンスを提供するために、いくつかのdivタグ内のカーソル速度を変更したいと思います。私はすでにカーソルのイメージを変更した、私はカーソルを遅く変更したい。それを行う方法はありますか？divタグ内のカーソル速度を変更する

出典

2016-08-01 shamila

私は非常に懐疑的なので、可能であったとしても、カーソル速度はUXを改善する可能性があります。 –

あなたはハックをすることができますが、それはあなたが望むように正確に動作しません - 私はあなたがカーソルアイコンを遅らせることができます**実際の**カーソルではない（少なくとも私が考える - mabey別の方法があります。。） –

これをここに投げ捨てるだけです。私はこの主題に興味をそそられ、別の回答のコメントに記載されているポインタロックAPIを試してみて、ここで簡単なデモを作った：http://codepen.io/thepio/pen/RRBzrP?editors=1010 （jQueryを使用して）。残念ながら、（少なくとも私はそれを動作させることはできませんでした） 'mouseenter'や' hover'などでポインタロックを開始できないようです。クリックイベントのみが機能するようです。多分私は時間があるときにこれを調べますが、それは面白い概念です。 – thepio

Javascriptでカーソルを制御することはできないと思います。しかし、あなたは、しかし、

cursor: none;

を使用してカーソルを非表示にした後、HTML/CSSで作られたより遅く移動するカーソルをエミュレートするためにいくつかのJavaScriptを行うことができます。しかし、これは価値よりはるかに多くの作業になり、とにかくうまくいかないでしょう。

出典

2016-08-01 05:42:47 Zenny

実際のカーソルがまだ正常に動いているのを見ると、おそらく予想外に領域を出るでしょう。 –

'@Alexander O'Mara'では、画面の周りを移動している要素の位置をテストできます。イベントオブジェクトを使用して、 'Element.getBoundingClientRect（）'に対して 'event.cliientX'と' event.clientY'をテストするか、カーソルがどこにあるかを調べることができます。 – PHPglue

純粋なJavaScriptを使用してこれを行うことが課題であるかもしれないが、あなたはAutoHotKey scriptを使用してCTRLを押しながらカーソルの速度を遅くし、この機能を組み込んで試すことができます。

これを実行するにはAutoHotKeyが必要ですが、フリーでオープンソースです。

出典

2016-08-01 05:47:15

DOM APIを使用してポインタの速度を直接制御することはできません。アクセシビリティの問題やクリックジャックの可能性があるため、このようなAPIが利用できるようになることは期待できません。

現代の多くのブラウザでは、Pointer LockというAPIがあり、ポインタの動きを制御することができます。これを使用すると、カーソル移動を引き継ぎ、偽のカーソルを配置することで、より遅いカーソルをエミュレートできます。

出典

2016-08-01 05:52:24

divタグ内のカーソル速度を変更する

答えて

関連する問題