Handling a click and a tap but not a scroll

Question

I have an Ember.View that handles both the click and touchEnd events, for both desktop and mobile interactions.

Unfortunately, touchEnd also gets fired when scrolling, which is not intended. How do I handle the click and tap, but avoid the scroll event?

Ember.View.extend({
  click: function() {
    // not handled in a mobile browser
  },
  touchEnd: function() {
    // handled in a mobile browser, but unfortunately also on scroll
  }
});

Have you considered using Modernizr to detect whether or not your end-user is on a touch screen? — symlink, Dec 27 '14 at 04:35
Why not just use click and use fast click. https://www.npmjs.com/package/ember-cli-fastclick — blessanm86, Dec 27 '14 at 08:11

score 1 · Answer 1 · answered Dec 27 '14 at 18:12

1

Instead of adding handlers for both click and touchEnd, use the fastclick library. Now you just need to add a handler for the click event. If your using ember-cli, there is an addon for this.

answered Dec 27 '14 at 18:12

blessanm86

31,439
14
68
79

Handling a click and a tap but not a scroll

1 Answers1