要素からカーソル位置を操作する

Question

ここでは非常に広い質問があります。私は正確に必要なものを明確に説明できることを願っています。

下の画像は、html要素である円を示しています。インタラクティブな要素を作成し、カーソルで再生したいと思っていました。何らかの理由でカーソルを円の内側に置くことはできないと想像してください。円に近づけばカーソルを隠すのではなく、カーソルをある種の磁気吸引力で遠ざけるように操作します。

So：円の周りにカーソルを置くと、それは決してそれに近づかず、この要素から離れて送られます。それはどういうわけかできますか？ Javascript、Angularなど何か？とにかくそれのようなものを作り出したことはありますか？

Answer 1

あなたが永続的に以下の方法 隠すカーソルを使用し、代わりのdiv要素を使用することができます。 ウィンドウのマウス移動イベントで、そのdiv要素の位置を現在のポインタの位置に変更します。 今度は、ポインタが円の領域に入るときに、 はdivの要素の位置をポインタの現在の位置に更新せず、円の外にある新しい計算された位置を更新するという条件を設定する必要があります。

コードが必要な場合は、それを提供することができます。