マウスが子を越えたときにJavaScriptがmousemoveのフォーカスを維持する

私はカレンダーアプリケーションを作成していますが、マウスを動かすたびにバーがマウスと共に移動して教えてくれます。バーが表す時間ただし、動的に作成されるdivであるカレンダーのイベントにマウスを合わせると、マウスがそのカレンダーイベントの子divに入ったときのどの位置にあってもバーが詰まるようになります。マウスが子を越えたときにJavaScriptがmousemoveのフォーカスを維持する

私は別のdivsとして、週7日を持っており、このjQueryの機能のためにそれらのすべてを呼び出すことができるようにクラスcalendar-partを使用します。

   $(".calendar-part").mousemove(function(e){ 
        var y = e.clientY; 
        var x = e.clientX; 
        //positioning and formatting, unimportant 
        var timeVal = (y-262)/500; 
        timeVal *= 900; 
        timeVal += 280; 
        var hour = Math.floor(timeVal/60); 
        var min = Math.round(timeVal%60,2); 
        var timeEnd = "AM"; 
        if(hour>=12) 
         timeEnd = "PM"; 
        if(hour>12) 
         hour-=12; 
        if(min<10) 
         min = "0"+min; 
        var timeCalc = hour+":"+min+" "+timeEnd; 
        document.getElementById("cbar").innerHTML = timeCalc; 
        document.getElementById("cbar").style.top = y - 262; 
        document.getElementById("cbar").style.textIndent = x - 950; 
      });

任意の提案は歓迎されている、またはjQueryのなし。

出典

2016-12-21 Kyle Thompson