Click + DoubleClick

by mickeyvip

HTML

<div class="dummy-div">
	
</div>

CSS

.dummy-div {
	width: 100px;
	height: 100px;
	border: 1px solid blue;
}

JavaScript

var $div = $('.dummy-div');
$div.on('mousedown', onMouseDown);
$div.on('mouseup', onMouseUp);
$div.on('click', onClick);
$div.on('dblclick', onDblClick);

var clickTriggered = false;
var dblClickTriggered = false;
var clickCount = 0;

function onMouseDown(evt) {
	//console.log('onMouseDown');
}
function onMouseUp(evt) {
	//console.log('onMouseUp');
}
function onClick(evt) {
	//clickTriggered = true;
	clickCount++;
	setTimeout(function() {
		//console.log('onClick', dblClickTriggered, clickCount);
		if (clickCount === 1) {
			console.log('onClick');
			//clickTriggered = false;
			clickCount = 0;
		}
		if (clickCount > 1) {
			console.log('onDblClick');
			//dblClickTriggered = false;
			clickCount = 0;
		}
	}, 300);
	
}
function onDblClick(evt) {
	//dblClickTriggered = true;
	//console.log('onDblClick', dblClickTriggered);
}