-
Desktp to Touchscreen
I have created an eLearning course using Flash CC5.5 and it works well when operated via a browser on a desktop or laptop PC. However my customer also wants the course to be navigated via touchscreen monitors. Apart from possibly enlarging the buttons is there anything else I will need to ammend? Will all the exsisting onclick etc AS work with touch interaction? Many thanks, Miles.
-
Hi Miles,
I can't remember where I got this code:
function touchHandler(event) {
var touches = event.changedTouches,
first = touches[0],
type = "";
switch (event.type) {
case "touchstart":
type = "mousedown";
break;
case "touchmove":
type = "mousemove";
break;
case "touchend":
type = "mouseup";
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*/ , null);
first.target.dispatchEvent(simulatedEvent);
event.preventDefault();
}
document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);
document.addEventListener("touchcancel", touchHandler, true);
Also you should remove all on-rollover functionality.
-
You'll have to give specifics about the touchscreen monitors. Are you talking about specific set of devices or "touchscreen monitors" in general?