Simulate Long Press/Long Tap in iPhone Mockup

Exporting & Previewing Mobile Apps
,
1

Is there a possibility to simulate a long tap or long press in Hype?

2

You can use this jQuery function: http://api.jquerymobile.com/taphold/

Set a class for the element receiving the long press, then run a regular Hype API function like ‘Continue Timeline’

  $(function(){
  $( "div.longpressbox" ).bind( "taphold", tapholdHandler );
 
  function tapholdHandler( event ){
    hypeDocument.continueTimelineNamed('Main Timeline', hypeDocument.kDirectionForward, false)
  }
});

test-taphold.hype.zip (15.5 KB)

1 Like
3

You guys rock! THX!

1 Like
4

There is just one minor glitch: when using as web app on the iPhone, it displays “Loading” outside the initial visible area. When you’re swiping up, you’ll see the “Loading”. Has something to do with the header, sure, cos it loads the jquery function. Is there any possibility to get rid of displaying “loading”? Screenshot:

longpress_loading.jpg1242×2208 38.7 KB

5

Update July 22, 2016:

To hide the loading message, use:

$.mobile.loading().hide();

Silly jQuery – you can hide that by using the following in your On Scene Load function:

$.mobile.loadingMessage = false;

Here’s more info:

6

Thanks! Your reactions are stellar.

7

Just for your info: I tried it, but only the following is working:
$.mobile.loading().hide();

8

Thanks – I updated my response above.