Home
Contact
Latest Posts
What is the difference between empty and isset in PHP
Top PHP Interview Questions and Answer for Intermediate to Advanced Levels
How to create unique slug or url in Laravel
How to get user IP address using PHP
Highlighting the matching Keywords in Search Results using PHP
How to Restrict/Block User Access from IP Address in Laravel
How to Copy Text to Clipboard using JavaScript or jQuery
How to Crop Image in PHP and JavaScript before Uploading
How to Create Stopwatch using JavaScript, HTML and CSS
Add more Fields in jQuery and Remove it Dynamically
Category
laravel 9
Laravel Crud
Laravel Basic
Laravel SEO
Laravel 9 Pagination
Laravel Import Export
Javascript
Basic Js Intro
Advanced Javascript
Design Snippet
Boostrap 4
E-Commerce Design
Custom Design
Design Template
Bootstrap 5
Ajax form submition
Send data to Google sheet
Interview Questions
Laravel Interview Questions
PHP interview Questions
Wordpress Interview Questions
jQuery Interview Questions
jQuery
jQuery disable keys
Form Validation
jQuery Beginner's Guide
Wordpress
Wordpress Custom Code
Cheatsheet
PHP
File Handling in PHP
PHP Prepared Statements
SEO
Tools
CSS Box Shadow Generator
CSS Box Shadow Example
Wordpress Custom Post Type Generator Tool
Search
Ctrl + /
3
Brad Diesel
Call me whenever you can...
4 Hours Ago
John Pierce
I got your message bro
4 Hours Ago
Nora Silvester
The subject goes here
4 Hours Ago
See All Messages
15
15 Notifications
4 new messages
3 mins
8 friend requests
12 hours
3 new reports
2 days
See All Notifications
jQuery .dblclick() Event
Run
Go back to tutorial
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>dblClick event</title> <style> .highlight { background-color: yellow; } </style> </head> <body style="padding:30px;"> <button id="toggle-button">Double Click this button to toggle text</button><br> <p>This is some text that can be toggled on and off.</p> <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script> <script> $(document).ready(function () { $("#toggle-button").dblclick(function () { $("p").toggleClass("highlight"); }); }); </script> </body> </html>
OOps! You are currently offline.