jQuery | dblclick() 示例

dblclick()是 jQuery 中的一个内置方法，用于触发双击事件的发生。此方法发生在选定的元素是双击时。
句法：

$(selector).dblclick(args);

这里的“选择器”是被选择的元素。
参数：它接受一个可选参数“args”，该参数指定双击后执行特定任务的函数。
返回值：双击所选元素时返回一些函数。

显示 dblclick() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，没有函数传递给这个方法。

  

    
    
        <!-- jQuery code to show dbclick method -->
        $(document).ready(function() {
                    $("div").click(function() {
                        $("div").dblclick();
                    });
    
    
        div {
            display: block;
            width: 370px;
            padding: 10px;
            font-size: 25px;
            border: 2px solid green;
        }
    

  

    
    Click me to trigger dblclick event

  

输出：
在双击“单击我触发 dblclick 事件”按钮之前 –

双击“单击我触发 dblclick 事件”按钮后-

代码#2：
在下面的代码中，函数被传递给 dblclick() 方法。

  

    
    
        <!-- jQuery code to show dbclick method -->
        $(document).ready(function() {
            $("button").dblclick(function() {
                $("p").fadeOut();
            });
        });
    
    
        p {
            display: block;
            padding: 20px;
            color: gree;
            width: 300px;
            border: 2px solid green;
            font-size: 25px;
        }
    

  

    Welcome to GeeksforGeeks !
    
     Click Me! 

  

输出：
在双击“单击我”按钮之前-

双击“点击我”按钮后——