我该如何处理angular.js右键单击事件? [英] How do I handle right-click events in angular.js?

查看:1020
本文介绍了我该如何处理angular.js右键单击事件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有一种方法来设置了一个元素,使其执行左键单击一个动作(NG-点击),然后在另一个行动右键点击?

Is there a way to have an element set up so that it performs one action on left-click (ng-click) and then another action on a right-click?

现在我有这样的:

<span ng-click="increment()">{{getPointsSpent()}}</span>

和我想也可以右键单击跨度执行的功能递减();

And I'd like to also be able to right click on the span to perform the function decrement();

推荐答案

您可以使用一个指令上右键单击绑定特定的动作,使用文本菜单事件:

You can use a directive to bind specific action on right click, using the contextmenu event :

app.directive('ngRightClick', function($parse) {
    return function(scope, element, attrs) {
        var fn = $parse(attrs.ngRightClick);
        element.bind('contextmenu', function(event) {
            scope.$apply(function() {
                event.preventDefault();
                fn(scope, {$event:event});
            });
        });
    };
});

code例如在小提琴

这篇关于我该如何处理angular.js右键单击事件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆