How to trigger tap event with jQuery

Question

I need to set tap trigger on some selectors. I'm using jQuery Mobile and this function, so what is not right?

window.onload = load;

function load() {
  $('.togglePlay').trigger('tap');
}

Maybe you should use $.ready function instead of window's onload event — Pavel Gruba, Jun 24 '13 at 08:03
i need to automaticly fireup some video on ipad... so i'm trying to simulate pla ybutton click — Lukas, Jun 24 '13 at 09:20
`$(document).on('pageshow', '#pageid', function () { ur trigger });` — Omar, Jun 24 '13 at 11:03
Hmmm, aren't you using JQM? Don't you have divs with data-role=page? — Omar, Jun 24 '13 at 11:34
I know it's a while since you post this but people can still benefit from your question and its answers. 2 questions : your code actually worked? and why not just use the click event? — user10089632, Aug 22 '17 at 23:13
@user10089632 sory man but i don't remember this case, this was at 2013 :) also haven't used jQuery since more then year now — Lukas, Aug 22 '17 at 23:27

Penny Liu · Answer 1 · 2020-03-12T03:16:54.737

Look into tap and taphold touch event.

// The tap event won't be emitted along with the taphold event
$.event.special.tap.emitTapOnTaphold = false;

$("#fire").on("taphold", function() {
  $(this).addClass("colorize");
});
$("#banana").on("tap", function() {
  $(this).hide();
});

body {
  text-align: center;
}

span {
  font-size: 3rem;
}

span:hover {
  cursor: pointer;
}

.colorize {
  color: transparent;
  text-shadow: 0 0 0 red;
}

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<h3>If you tap and hold me for 750 milliseconds, I will fill up with color.</h3>
<span id="fire"></span>
<hr />
<h3>If you tap me quick, I will dispear.</h3>
<span id="banana"></span>

For Your second sentence, You may need to set `$.event.special.tap.emitTapOnTaphold` to `false`. See here:https://api.jquerymobile.com/taphold/ — deblocker, Mar 11 '20 at 17:44

score 0 · Answer 2 · answered Jun 24 '13 at 08:04

0

try:

$(document).ready(function(){
    $('.togglePlay').trigger('click');
});

answered Jun 24 '13 at 08:04

suhailvs

20,182
14
100
98

1

`.ready` shouldn't be used with jQuery Mobile http://stackoverflow.com/a/14469041/1771795 – Omar Jun 24 '13 at 09:14
oh i see.. i don't know about mobiles. – suhailvs Jun 24 '13 at 09:19

score -1 · Answer 3 · edited May 23 '17 at 12:17

-1

Assuming the loading page has a div containing data-role=page and its id is mypage, you could use the pageinit event to fire up the click on '.togglePlay' like this :

$(document).on("pageinit", "#mypage", function () {
  $('.togglePlay').trigger('click');
});

References

For reasons why you mustn't use ready event with jQM, see jQuery Mobile: document ready vs page events
Link for page events from jQM API : Events

edited May 23 '17 at 12:17

Community

1
1

answered Jun 24 '13 at 11:41

krishwader

11,341
1
34
51

he want to trigger a tap , not a click. – Shady Keshk Jun 11 '19 at 02:02

score -1 · Answer 4 · answered Jan 14 '15 at 11:57

-1

I use jQuery tap() method.

$('.togglePlay').tap();

http://api.jquerymobile.com/tap/

This works for me :)

answered Jan 14 '15 at 11:57

Suryavel TR

3,576
1
22
25

score -2 · Answer 5 · answered Jan 09 '15 at 14:30

-2

you should be able to set autoplay=true or some other setting with...

<video controls autoplay>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

example from: http://www.w3schools.com/tags/att_video_autoplay.asp

without the use of js

answered Jan 09 '15 at 14:30

malthouser

1

3

this has nothing to do with the question asked – Belfordz Feb 09 '17 at 23:09

How to trigger tap event with jQuery

5 Answers5