JSFiddle - React, Tailwind, and code Playground

by HoRn_

HTML

<img id="hammer" src="https://i.stack.imgur.com/9oV2e.png" />

JavaScript

$('document').ready(function(){
	var hammer = document.getElementById("hammer");

	hammer.addEventListener("touchstart", touchHandler, true);
	hammer.addEventListener("touchmove", touchHandler, true);
	
	function touchHandler(event) {
		var touches = event.changedTouches,
			first = touches[0],
			type = "";
		switch(event.type) {
			case "touchstart": type = "dragstart"; break;
			case "touchmove":  type = "drag";      break;        
			default:           return;
		}

		var simulatedEvent = document.createEvent("MouseEvent");
		simulatedEvent.initMouseEvent(type, true, true, window, 1, 
									  first.screenX, first.screenY, 
									  first.clientX, first.clientY, false, 
									  false, false, false, 0/*left*/, first.target);
		
		this.dispatchEvent(simulatedEvent);
		event.preventDefault();
	}
});