Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Как использовать одновременность .mousemove и .mouseenter?

Автор вопроса: LambdakaОтветов: 1

Я работаю над страницей, включая mousemove и мышь. К сожалению, я не могу найти работу для них обоих.

Здесь вы можете проверить движение мыши (над div ".flight3") (фон становится размытым, а глобус становится четким и анимированным)

var timer;
$(".flight3").mousemove(function() {
    if (timer) {
        clearTimeout(timer);
        timer = 0;
    }

    $('.flight1,.cycle-slideshow').fadeIn();
    timer = setTimeout(function() {
        $('.flight1,.cycle-slideshow').fadeOut()


    }, 320)


})

http://jsfiddle.net/Je9D6/


Здесь вы можете проверить ввод мыши (над div ".map") (фон становится размытым, а глобус становится четким и анимированным)

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

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

    })


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

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

    })

http://jsfiddle.net/Je9D6/1/


Когда я включаю и перемещение мыши, и ввод мыши, работает только перемещение мыши. Я также пробовал с наведением мыши вместо перемещения мыши: та же проблема.

Кто-нибудь знает, что я делаю неправильно..??

Большое спасибо

  • я запутался в том, что именно вы пытаетесь выполнить? вы пытаетесь вызвать одно и то же событие как для mousemove, так и для mouseenter? если это так, конечно, mousemove всегда будет непрерывно срабатывать... вам нужно переместить мышь, чтобы она ввела элемент Andrew Tran 14.07.2014
  • Привет, да, это то, что я хочу сделать, но посмотрите здесь jsfiddle.net/Je9D6/6. при наведении на глобус движение мыши не работает, это то, что я хочу, но я не понимаю, почему мышь не входит. Что я могу сделать, чтобы иметь одно и то же событие для обоих действий? Lambdaka 14.07.2014
  • На самом деле я хочу затухания, когда пользователь перемещает мышь, и затухания, когда пользователь перестает перемещать мышь. Но я тоже хочу, чтобы постепенное исчезновение происходило, когда пользователь наводит курсор на земной шар, даже если мышь не двигается.. Я не знаю, понятно ли мне..? Lambdaka 14.07.2014

jquerymousemovemouseenter

Ответы

Ответ 1 · Alex Char

Я думаю, вы ищете это:

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

скрипка

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы