如何禁用所有ng-click和ng-submit事件

Question

有什么办法，我如何全局（在使用中）禁用和启用所有ng-click和ng-submit事件？

例如，当用户离线时，我想禁用所有操作，直到他恢复连接。

我试图将所有元素与onClick事件绑定，该事件将调用stopImmediatePropagation，但是没有用。

    $('*[ng-click]').click(function( event ) {
      event.stopImmediatePropagation();
    });

这个问题也与此稍有不同： 对所有类型的元素禁用ng-click某些应用条件

我想从服务中全局禁用/启用APP中的所有事件，但无法修改APP中所有元素上的所有ng- *调用。

Answer 1

也尝试包含return false ：

$('*[ng-click]').click(function( event ) {
  event.stopImmediatePropagation();
  return false;
});

片段

下面的代码片段演示了附加到单个<a>多个事件处理程序也可以工作。

 $(function () { $("a").click(function () { alert("Hello!"); return false; }); $("a").click(function () { alert("Bye!"); return false; }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <a href="#">Click Me</a> 

Answer 2

因此，最后我最终使用jquery暂时禁用了页面上的所有事件 。.我从此插件http://ignitersworld.com/lab/eventPause.html受到启发，由于某种原因，该插件不起作用（没有任何错误）

因此，我学习了主要部分并将其放在使用jquery v2.1.1现在可以正常工作的此类中：

var EventManager = function() {
    var self = this;
    var nullFun=function(){};

    var getIndex = function(array,value){
        for(var i=0; i< array.length; i++){
            if(array[i]==value){
                return i;
            }
        }
        return -1;  
    };

    this.pauseEvent = function(elm,eventAry){
        var events = $._data(elm, "events");

        if (events) {
            $.each(events, function(type, definition) {
                if((getIndex(eventAry,type)!=-1)||(eventAry=='')){
                    $.each(definition, function(index, event) {
                        if (event.handler.toString() != nullFun.toString()){
                            if(!$._iwEventPause) $._iwEventPause = {};

                            $._iwEventPause["iw-event" + event.guid] = event.handler;
                            event.handler = nullFun;
                        }
                    })
                }
            })
        }
    };

    this.activeEvent = function(elm,eventAry){
        var events = $._data(elm, "events");
        if (events) {
            $.each(events, function(type, definition) {
                if((getIndex(eventAry,type)!=-1)||(eventAry=='')){
                    $.each(definition, function(index, event) {
                        if (event.handler.toString() == nullFun.toString()){
                            event.handler = $._iwEventPause["iw-event" + event.guid];
                        }
                    })
                }
            })
        }
    };

    this.disableAll = function(el) {
        el = el || $('*');
        el.each(function() {
            self.pauseEvent($(this)[0], '');
        });
        self.pauseEvent($(window)[0], '');
    };

    this.enableAll = function(el) {
        el = el || $('*');
        el.each(function() {
            self.activeEvent($(this)[0], '');
        });
        self.activeEvent($(window)[0], '');
    };

    return this;    
};

var eManager = new EventManager();

eManager.disableAll();
eManager.enableAll();

这将遍历窗口对象和页面上的所有元素，将其事件处理程序移至_iwEventPause对象，并用虚拟函数替换处理程序。启用后，它将向后移动处理程序，以便通常调用它们。

此解决方案不处理禁用后添加的事件处理程序。