Handle double tap events in web application

To handle double tap in your web applications you can use following code. 
var obj = document.getElementById('id');
var doubleTapTimer = null;

obj.addEventListener('touchstart', function(event) {
	doubleTapHandler();
}, false);

function doubleTapHandler() {
	if (doubleTapTimer == null) {
		doubleTapTimer = setTimeout(function () {
			doubleTapTimer = null;
			console.log("single tap");
			// handle single tap
		}, 500);
	} else {
		clearTimeout(doubleTapTimer);
		doubleTapTimer = null;
		console.log("double tap");
		// handle double tap
	}
}
List

Responses

0 Replies