jQuery click() and dblclick() events are the most common used mouse events :

  1. click() – Fire when mouse single click on the matched element.
  2. dblclick() – Fire when mouse double clicks on the matched element.

Try it yourself

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
	#singleClick, #doubleClick{
		border:1px solid blue;
<h1>jQuery click() and dblclick() example</h1>
<div id="singleClick">
	Single Click Me
<div id="doubleClick">
	Double Clicks Me
<script type="text/javascript">
Tags :
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.
My website mkyong.com is hosted by Liquid Web, I really like their fast and helpful support, it saved me a lot of time. Furthermore, their servers are extremely reliable, fast and stable, I don't remember when was the last time we had server downtime. Btw, they're offering $100 Coupon now, if you are sourcing for great hosting provider, go grab it.

Related Posts

Popular Posts