如何将单击和双击事件附加到 jQuery 中的元素？

在本文中，我们将看到如何在 jQuery 中将单击和双击事件附加到元素。要附加单击和双击事件，请使用单击和 dbclick 事件。这些事件通过 bind() 方法附加。此方法用于为所选元素附加一个或多个事件处理程序，此方法指定在事件发生时运行的函数。此外，我们使用 appendTo() 方法将结果附加到元素。

句法：

$(element).bind(click, function() { })
$(element).bind(dbclick, function() { })

例子：

HTML

  

    
        How to attach a click and double-click
        event to an element in jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $(".clickable_ele").bind("click", function () {
                $("<h4>Single click Event called</h4>")
                .appendTo(".res");
            });
  
            $(".clickable_ele").bind("dblclick", function () {
                $("<h4>Double click Event called</h4>")
                .appendTo(".res");
            });
        });
    
  
    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
  
        .clickable_ele {
            font-size: 20px;
            font-weight: bold;
        }
    

  

    GeeksforGeeks
  
    
        How to attach a click and double-click
        event to an element in jQuery?
    
  
    
        Clickable Element
    
  
    

  

输出：