jQuery | mouseup() 示例

mouseup() 方法是 jQuery 中的一个内置方法，当鼠标左键在选定元素上释放时它会起作用。

句法：

$(selector).mouseup(parameter)

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

返回值：此方法在函数时返回具有更改的选定元素。

下面的例子说明了 jQuery 中的 mouseup() 方法：

示例 1：此示例包含参数。

    
        The mouseup Method
        
        
          
        
        
            $(document).ready(function() {
                $("button").mouseup(function() {
                    $("div").after(
                     "<p style='color:green;'>Mouse button released.</p>");
                });
            });
        
        
            body {
                width: 200px;
                padding: 20px;
                min-height: 100px;
                border: 2px solid green;
            }
        
    
    
        
        Click Here!
          
    

输出：
点击按钮前：

点击按钮后：

程序2：本例不包含参数。

    
        The mouseup Method
        
        
          
        
        
            $(document).ready(function() {
                $("div").mouseover(function() {
                    $("p").mouseup().slideToggle();
                });
            });
        
        
            body {
                width: 340px;
                padding: 20px;
                height: 100px;
                border: 2px solid green;
                font-weight: bold;
                font-size: 20px;
            }
        
    
    
       
        Welcome to GeeksforGeeks!
          
        
        Mouse over this text to see the change.
       
    

输出：
在将鼠标移到 div 元素上之前：

将鼠标移到 div 元素上后：

相关文章：

• jQuery |链接（）方法
• jQuery | preventDefault() 方法
• jQuery |模糊（）与示例