Right now I'm detecting if the user's browser has touch events and listening for touchend instead of click on certain elements (to get over the 'wait-for-double-click' lag). It works great on a slide-out drawer I'm using.

I want to modify my app so that elements with ng-click="function()" will respond on click events for desktop (no touch events available) and respond on touchend for touch devices.

I'd rather not create a new directive for ng-touch or something and instead just modify the ng-click directive. I'm not sure how to modify a built-in Angular directive, though.

Is there a way to do this?

Here's a rough JS fiddle I started, but didn't get too far:

/

Right now I'm detecting if the user's browser has touch events and listening for touchend instead of click on certain elements (to get over the 'wait-for-double-click' lag). It works great on a slide-out drawer I'm using.

I want to modify my app so that elements with ng-click="function()" will respond on click events for desktop (no touch events available) and respond on touchend for touch devices.

I'd rather not create a new directive for ng-touch or something and instead just modify the ng-click directive. I'm not sure how to modify a built-in Angular directive, though.

Is there a way to do this?

Here's a rough JS fiddle I started, but didn't get too far:

http://jsfiddle/MTh8U/

• javascript
• angularjs

1 Answer 1

It actually sounds like you're trying to duplicate what Angular has already created for mobile: http://docs.angularjs/api/ngTouch. Note that this is just another dependency you'll need to inject.