Ng-mousedown and ng-mouseup do not work on mobile

Question

I need to use ng-mousedown and ng-mouseup in my ionic mobile project. when the user clicks the icon and holds it pressed, ng-mousedown should change the icon to another, and with ng-mouseup it should transfer the user to the next page. Everything works fine in the browser, but not in the mobile phone (iPhone 6).

Answer 1

Perhaps one of the following links will help you: ngTouch: https://docs.angularjs.org/api/ngTouch , the best alternative for ngClick ngTouchstart: https://github.com/nglar/ngTouchstart , instead of mousedown ngTouchend: https: / /github.com/nglar/ngTouchend instead of mouseup

Answer 2

You can use the following code for a mobile phone as well as for a desktop. Please let me know.

$('body').bind( "touchstart mouseup", function(e){
        $('div#extras').fadeTo('fast', 1);
});

$('body').bind( "touchend mousedown", function(e){
        $('div#extras').delay(2000).fadeTo(1500, 0);
});