A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: Desktp to Touchscreen

  1. #1
    Senior Member
    Join Date
    Dec 2000
    Posts
    147

    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.
    mileso

  2. #2
    Junior Member
    Join Date
    Oct 2013
    Posts
    2
    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.

  3. #3
    Senior Member
    Join Date
    Nov 2001
    Posts
    1,145
    You'll have to give specifics about the touchscreen monitors. Are you talking about specific set of devices or "touchscreen monitors" in general?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center