Handle double click event
Description
The following code shows how to bind double click event for paragraph.
Example
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {<!-- w ww .j a v a 2 s. c o m-->
var divdbl = $("div");
divdbl.dblclick(function() {
divdbl.toggleClass('dbl');
});
});
</script>
<style>
div.dbl {
background: yellow;
color: black;
}
</style>
</head>
<body>
<div>java2s.com</div>
<span>Double click the block</span>
</body>
</html>