Context Menu Event (right click)

[th...@seddonmedia.co.uk]

Have been attempting to create a directive to handle right clicks and disable the default context menu.

All looks good with attaching the event handler except I am struggling to disable the context menu, usually this is achieved by returning false onContextMenu, for example in jQuery: ('#id').bind('contextmenu', function(){ return false; }); (http://jsfiddle.net/thomseddon/TShUC/) suffices,

However doing a similar thing in my angular directive does not achieve the same effect, al la: http://jsfiddle.net/thomseddon/dKugj/

That fiddle shows the expression is being parsed and executed, but the context menu is still popping up?

Also, if anyone thinks this would be useful in core (I do) then I will happily package it up and submit a pull request :-)

Thanks in advance

[Andy Joslin]

It works if you event.preventDefault(): http://jsfiddle.net/ZL8cP/

[th...@seddonmedia.co.uk]

Brilliant, thanks Andy

[nick....@msn.com]

I tried this and got $parse is undefined

I changed the code to :

angular.module('myApp.directives').directive('rightClick', function () {
    return function(scope, element, attr) {
        element.bind('contextmenu', function(event) {
            event.preventDefault();
            var fn = scope.$eval(attr['rightClick']);
            return false;
        });
    }
});

which worked for me.

Any comments?

AngularJs newbie, please be patient !

[Olivier Clément]

Try this:

angular.module('myApp.directives').directive('rightCLick', ['$parse', function($parse) {

        // ..... Function as in Fiddle ...

    }

]);