javascript - In AngularJS how can I modify ng-click to fire on touchEnd on mobile? - Stack Overflow

admin管理员组

文章数量:1334133

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

Share Improve this question Follow asked Jan 7, 2014 at 4:41 KeithKeith 4,22477 gold badges2828 silver badges4343 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

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.

本文标签： javascriptIn AngularJS how can I modify ngclick to fire on touchEnd on mobileStack Overflow