Тело mouseleave срабатывает, когда мышь входит в тело

Я хочу срабатывать, когда пользователь собирается покинуть страницу, используя mouseleave - но если я жду, пока документ будет готов до того, как мышь войдет на страницу, срабатывает mouseleave o mouseentry! (Google Chrome) Что я сделал не так, пожалуйста?

jQuery(document).ready(function($) {
$("body").bind("mouseleave",function(event) {

         $("#signup").width($(window).width());
         $("#signup").height($(window).height());
         $("#signup").css({'display':'block','position':'absolute','top':'0','left':'0','opacity':'0.6'});
        console.log('Window Width:'+$(window).width() +'Window Height:'+$(window).height());


    });
});

jquery document-body mouseleave
person andymoyle    schedule 09.06.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте использовать этот код

$(document).bind("mouseleave",function(event) {
     $("#signup").width($(window).width());
     $("#signup").height($(window).height());
     $("#signup").css({'display':'block','position':'absolute','top':'0','left':'0','opacity':'0.6'});
    console.log('Window Width:'+$(window).width() +'Window Height:'+$(window).height());
});
person Rohit Jangid    schedule 09.06.2014
comment
Это плагин Wordpress, поэтому конфликтов быть не должно. Изменил $ s на jQuerys, и он вообще не сработал. - person andymoyle; 09.06.2014
comment
я забыл изменить $ (тело) на $ (документ). Попробуй с изменениями - person Rohit Jangid; 09.06.2014
comment
Интересно - он работает в последних версиях FF и IE, но не в Chrome. Chrome запускается, когда указатель мыши наводит курсор на область документа! - person andymoyle; 09.06.2014
comment
если вы используете селектор тела, он сработает, когда вы оставите свой контент. Таким образом, если ваш контент не покрывает всю страницу, он будет отображаться, когда вы вводите указатель мыши, но вместо этого он покинет тело. Поэтому вместо этого вам следует использовать селектор документов - person Rohit Jangid; 09.06.2014