Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何同时使用.mousemove和.mouseenter?_Jquery_Mousemove_Mouseenter - Fatal编程技术网

Jquery 如何同时使用.mousemove和.mouseenter?

Jquery 如何同时使用.mousemove和.mouseenter?,jquery,mousemove,mouseenter,Jquery,Mousemove,Mouseenter,我正在制作一个包含mousemove和mouse enter的页面。 不幸的是,他们两个我都找不到工作 在这里,您可以查看鼠标移动(在“.flight3”div上方)(背景变得模糊,地球仪变得清晰且动画化) 在这里,您可以检查鼠标输入(在“.map”div上)(背景变得模糊,地球仪变得清晰和动画化) 当我同时按下鼠标移动和鼠标输入时,只有鼠标移动在工作。 我也试着用鼠标移动代替鼠标移动:同样的问题 有人知道我做错了什么吗 非常感谢我想你正在寻找这个: $(".map").on("mous

我正在制作一个包含mousemove和mouse enter的页面。 不幸的是,他们两个我都找不到工作

在这里,您可以查看鼠标移动(在“.flight3”div上方)(背景变得模糊,地球仪变得清晰且动画化)



在这里,您可以检查鼠标输入(在“.map”div上)(背景变得模糊,地球仪变得清晰和动画化)



当我同时按下鼠标移动和鼠标输入时,只有鼠标移动在工作。 我也试着用鼠标移动代替鼠标移动:同样的问题

有人知道我做错了什么吗


非常感谢

我想你正在寻找这个:

$(".map").on("mouseenter mouseleave",
    function(e) {
        if(e.type == "mouseenter"){
            $('.flight1,.cycle-slideshow').fadeIn();
        }
        else{
            $('.flight1,.cycle-slideshow').fadeOut();
        }           
    });

我不知道你到底想完成什么?您是否试图在mousemove和mouseenter上触发相同的事件?如果是这样的话,mousemove当然会一直持续发射…你必须移动鼠标让它进入一个元素是的,这就是我想要完成的,但是看这里。当鼠标悬停在地球上时,鼠标移动不起作用,这就是我想要的,但我不明白为什么鼠标不能进入。我该怎么做才能在两个动作上都有相同的事件呢?实际上,当用户移动鼠标时,我想要淡出,当用户停止移动鼠标时,我想要淡出。但是当用户在地球上悬停时,即使鼠标不动,我也想要fadein。。我不知道我是否能理解…?嗨,谢谢你的回答。我的第二把小提琴真的太粗略了,你的代码要有效得多!实际上我想把这两把小提琴合起来。但是如果我把两个都放进去的话,只有mousemove起作用了。你有什么线索吗?因为
flight3
涵盖了所有内容。嗨,谢谢alek,事实上没有。flight3就在.map之下(.map的“z-索引”比flight3高),我们可以告诉你,当光标在.map上时,事件mousevove不起作用。我不明白为什么mousemove被.map阻止,但不能使mouseenter起作用。
$(".map").mouseenter(function() {

    $('.flight1,.cycle-slideshow').fadeIn();

    })


$(".map").mouseleave(function() {

    $('.flight1,.cycle-slideshow').fadeOut();

    })
$(".map").on("mouseenter mouseleave",
    function(e) {
        if(e.type == "mouseenter"){
            $('.flight1,.cycle-slideshow').fadeIn();
        }
        else{
            $('.flight1,.cycle-slideshow').fadeOut();
        }           
    });