Javascript 检测mousemove,但让click事件通过

Javascript 检测mousemove,但让click事件通过,javascript,jquery,click,Javascript,Jquery,Click,我正在制作一个覆盖图。我需要单击以传递到下面的HTML元素,为此,我可以使用“指针事件:无”。但是,我还需要覆盖来检测mousemove事件,这样我就可以在鼠标光标所在的位置上画一个巨大的十字线。问题是,将“指针事件”设置为“无”会停止这些mousemove事件的触发 建议?您可以创建大小相同的覆盖层的父级,该覆盖层可以通过CSS自定义十字光标,并包含要捕获单击事件的元素。 然后,子对象仍将能够捕获单击事件 HTML: Javascript: $('.below').click(function

我正在制作一个覆盖图。我需要单击以传递到下面的HTML元素,为此,我可以使用“指针事件:无”。但是,我还需要覆盖来检测mousemove事件,这样我就可以在鼠标光标所在的位置上画一个巨大的十字线。问题是,将“指针事件”设置为“无”会停止这些mousemove事件的触发


建议?

您可以创建大小相同的
覆盖层的父级,该覆盖层可以通过CSS自定义十字光标,并包含要捕获单击事件的元素。
然后,子对象仍将能够捕获单击事件

HTML:

Javascript:

$('.below').click(function () {
    console.log('clicked');
});

演示:

在这种情况下,您需要从窗口获取mousemove事件,而不是覆盖

$(window).mousemove( function(e){
    $('.v').css('left', e.clientX + 'px');
    $('.h').css('top', e.clientY + 'px');
});
演示:


(或者,如果窗口对您来说太宽,请使用与您交互的元素的最近父元素-它将为您提供与覆盖相同的坐标)

请发布一些相关代码!!问题不在于鼠标光标,而是在整个DIV上画了一个十字线——请看Miro的例子。我还提出了一个解决方案,通过监听mousedown事件,并在此时隐藏覆盖,从而允许下面的层监听mouseup事件。
$('.below').click(function () {
    console.log('clicked');
});
$(window).mousemove( function(e){
    $('.v').css('left', e.clientX + 'px');
    $('.h').css('top', e.clientY + 'px');
});