如何在 jQuery 中的 mouseleave 事件上运行代码？

在本文中，我们将了解如何使用 jQuery 在鼠标离开特定区域时运行代码。要在鼠标离开特定区域时运行代码，使用mouseleave() 方法。 mouseleave() 方法在鼠标指针离开所选元素时起作用。

句法：

$(selector).mouseleave(function)

参数：此方法接受一个可选的参数函数。它用于指定调用 mouseleave 事件时要运行的函数。

例子：

HTML

  

    
        How to run code on mouseleave 
        event in jQuery ?
    
  
    
    
  
    
        $(document).ready(function() {
            $(".main").mouseleave(function() {
                $(".main").css({
                    background: "green",
                    color: "white"
                });
            });
            $(".main").mouseenter(function() {
                $(".main").css({
                    background: "none",
                    color: "black"
                });
            });
        });
    
  
    
        .main {
            width: 300px;
            height: 200px;
            border: 2px solid black;
        }
    

  

    
        
            GeeksforGeeks
  
            
                How to run code on mouseleave 
                event in jQuery ?
            
        
    

  

输出：