How to display a message on dblclick event on all paragraphs of a page using jQuery ?
The purpose of this article is to display a message to the double click event on all paragraphs on a page. Whenever you double-click on any of the paragraphs then the message will appear.
Used method in jQuery:
dblclick(): This method is used to trigger the dblclick event, or attaches a function to run when a double click event occurs.
Syntax:
$(selector).dblclick(optional_function);
Approach:
- First, create the HTML page with some paragraph elements.
- Using the above syntax to display a message after the trigger of double-click event.
Example:
HTML
<!DOCTYPE html> < html > < head > < script src = </ script > < style > body { text-align: center; font-size: 30px; } </ style > < script > $(document).ready(function () { $("p").dblclick(function () { $("#result").show().html( "The paragraph was double-clicked"); }); }); </ script > </ head > < body > < h2 style = "color:green" >GeeksforGeeks</ h2 > < p > Double-Click on this paragraph to see the result. </ p > < p >Second paragraph</ p > < span >This is span</ span > < p >Third paragraph</ p > < div style = "height:10px;" ></ div > < div id = "result" ></ div > </ body > </ html > |
Output: