Question

在鼠标悬停事件中，我想调用函数，当鼠标在图像上结束但我不知道如何为它编写代码时会执行某些操作。

function reload(){
 $("img.lazy").lazyload({
            effect : "fadeIn",
            event:"mouseover"
           });
}

例如： -

function reload(){
 $("img.lazy").lazyload({
            effect : "fadeIn",
            event:function(moueover)
            {
            //do somthing here
            }
           });
     }

Answer 1

您想使用mouseenter：

＆＃13;

$('.test').on('mouseenter', function() {
  alert( 'mouse is over here' );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">Hover here</div>

＆＃13;

Answer 2

让我们看看这是否适合你

$(function() {
    $("img.lazy")
        .mouseover(function() { 
            console.log("Mouseover");
        });
});

Answer 3

你可以这样

            jQuery('#youdomid').hover(function(){
                // do your stuff here
              //, your mouse has entered

              alert(2);
            },
            function (){
            // your mose leave the element
               // do the stuff what you want
               alert("leaved");
               }
            )

Answer 4

您也可以使用.hover功能

$( "img.lazy" ).hover(function() {
$( this ).fadeOut( 100 );
$( this ).fadeIn( 500 );
});

Answer 5

$(document).ready(function(){
    $("img.lazy").lazyload({effect : "fadeIn"}, function() {
         mousehover();
    });
}

function mousehover(){
     //do something mousehover stuff on here
}

Answer 6

您可以使用下面的事件mouseenter：

$('.lazy').on('mouseenter', function() {
    console.log('foo');
});

如何将功能添加到jquery事件

6 个答案: