如何使用 jQuery 在页面的所有段落上的 dblclick 事件上显示消息？

本文的目的是向页面上所有段落的双击事件显示一条消息。每当您双击任何段落时，都会出现该消息。

jQuery中使用的方法：

dblclick(): 该方法用于触发dblclick事件，或者附加一个函数在发生双击事件时运行。

句法：

$(selector).dblclick(optional_function);

方法：

• 首先，使用一些段落元素创建 HTML 页面。
• 使用上面的语法在双击事件触发后显示一条消息。

例子：

HTML

  

    
    
  
    
        body {
            text-align: center;
            font-size: 30px;
        }
    
  
    
        $(document).ready(function () {
            $("p").dblclick(function () {
                $("#result").show().html(
                    "The paragraph was double-clicked");
            });
        });
    
  
  

  

    GeeksforGeeks
  
    
        Double-Click on this paragraph 
        to see the result.
    
  
    Second paragraph
    This is span
  
    Third paragraph
  
    
    

  

输出：