jquery - png をマウスに追従させながら、それを介して対話できるようにする

Question

サイトで懐中電灯効果を作ろうとしています。マウスで懐中電灯を移動できるはずです。中心が透明な黒いpngをマウスに合わせて懐中電灯を作成しました。問題は、pngの下のものとやり取りできるようにしたいということです。私が見つけた唯一の方法は、 を使用することです"pointer-events: none;"が、png がマウスに追従しません。

私のpngを他のすべての上でマウスに追従させる方法はありますが、pngをクリックすることはできますか?

これは、マウスを追跡するための私のコードです:

  $("#back").mousemove(function(e){
  $('.follow').css('top', e.clientY-2000).css('left', e.clientX-2350);
  });

これは、なしの画像の私のコードですpointer-events:none:

<div id="back" style="width:0px;height:0px">

 <id class="follow"><img src="img/flashlight.png"  style="position: absolute; 
 z-index:10;"/></id>
 </div>