How to prevent an event function from being run twice with multiple event handlers?

Question

I'm working on a site which requires a lot of click events, but I can't for the love of coding figure out how to make it compatible with both desktops and touch devices.

Here is a typical click event, which uses both click and touchend to cover both desktop and touch devices:

$('#myBtn').on('click touchend', function(e) {
  // Some code
});

The problem with this though is that it runs twice on touch devices, which is a huge problem. I've tried using touchstart and separating with a comma ('click, touchend') as well but with no luck, also haven't been able to find a solution whilst searching the web.

Is this the way to make sure that your click events fire properly? If so, why isn't it working as expected? If not, what would be a more suitable way?

Missing ), I'd suggest to use something like this, var event = 'click'; if (touchDeviceSupportingTouchend) { event = 'touchend'; } $('selector').on(event, function() ... — Tushar
– Tushar, Commented Oct 13, 2015 at 10:09
@spender The function doesn't get run if using only click on touch devices. — Chrillewoodz
– Chrillewoodz, Commented Oct 13, 2015 at 10:11
@DexTer I've ran multiple tests which shows that it doesn't :/ — Chrillewoodz
– Chrillewoodz, Commented Oct 13, 2015 at 10:12

Praveen Kumar Purushothaman · Accepted Answer · 2015-10-13 10:12:14Z

2

Use this way:

var eventH = "";
if ('ontouchstart' in document.documentElement)
  eventH = "touchend";
else
  eventH = "click";
// Just taking care of exceptions.
if (eventH != "")
  $('#myBtn').on(eventH, function(e) {
    // Some code
  });

answered Oct 13, 2015 at 10:12

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to prevent an event function from being run twice with multiple event handlers?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related