Forum Discussion
touch screen interface on 360 content.
https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
https://www.w3schools.com/jsref/obj_touchevent.asp
Checking for an actual Storyline sample now.
Basically this is the workflow.
Add this in a Slide Trigger that gets executes on timeline start.
/*
As Storyline doesnot support all mouseEvents default we are adding that here
*/
var wrapper = document.querySelector("#wrapper");
//var rotateButton = document.querySelector("[data-acc-text='rotateButton']");
if (wrapper.addEventListener)
{
// IE9, Chrome, Safari, Opera
wrapper.addEventListener("mousedown", MouseDownHandler, false);
wrapper.addEventListener("mouseup", MouseUpHandler, false);
// Firefox
wrapper.addEventListener("DOMMouseDown", MouseDownHandler, false);
wrapper.addEventListener("DOMMouseUp", MouseUpHandler, false);
}
// IE 6/7/8
else
{
wrapper.attachEvent("onmousedown", MouseDownHandler);
wrapper.attachEvent("onmouseup", MouseUpHandler);
}
Now your complete Storyline will act on touch.
Use the handlers to act upon the touches.
function TouchStartHandler(event) {
var touches = event.changedTouches;
}
function TouchEndHandler(event) {
var touches = event.changedTouches;
}
Do check this article to learn more about the results you can get from the touchevents. Remember...touching can be done with multiple fingers, so you get more info then with a mouseclick.
https://jenkov.com/tutorials/responsive-mobile-friendly-web-design/touch-events-in-javascript.html
Is there a way to capture each touch event and generate the equivalent mouse event at the same location? Since I'm creating a course primarily meant to be controlled by mouse, we can ignore things like three-finger drag because mice can't do them.
- CarlFink118 days agoCommunity Member
Investigation shows that with the current (as of May 2026) Storyline, iPads and iPhones work. Oddly, Android devices and Windows touchscreen devices don't work.
- StevenBenassi18 days agoStaff
Hi CarlFink1,
I'm sorry to hear that you've run into this issue, working with 360-degree images in Storyline.
I can confirm that we have this behavior logged as a bug in Storyline. This bug prevents 360-degree images from functioning on certain touch-enabled devices. I've included you and the feedback you've shared in the bug report that's being tracked. We'll be sure to notify you as soon as a fix is ready.
As a workaround, we suggest using a stylus pen/trackpad/mouse for 360-degree interactions if possible.
Thank you for your patience, and I'm sorry if this has been slowing you down!